You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
94 lines
2.4 KiB
94 lines
2.4 KiB
import path from 'path'
|
|
import chalk from 'chalk'
|
|
import { dest, parallel, series, src } from 'gulp'
|
|
import gulpSass from 'gulp-sass'
|
|
import dartSass from 'sass'
|
|
import autoprefixer from 'gulp-autoprefixer'
|
|
import cleanCSS from 'gulp-clean-css'
|
|
import rename from 'gulp-rename'
|
|
import consola from 'consola'
|
|
import { getOutput } from "@princess-ui/share";
|
|
import rimraf from "rimraf"
|
|
|
|
const distFolder = path.resolve(__dirname, 'dist')
|
|
const distBundle = getOutput("theme-chalk")
|
|
|
|
function clean(cb) {
|
|
rimraf.sync(distBundle)
|
|
cb()
|
|
}
|
|
|
|
/**
|
|
* compile theme-chalk scss & minify
|
|
* not use sass.sync().on('error', sass.logError) to throw exception
|
|
* @returns
|
|
*/
|
|
function buildThemeChalk() {
|
|
const sass = gulpSass(dartSass)
|
|
const noElPrefixFile = /(index|base|display)/
|
|
return src(path.resolve(__dirname, 'src/*.scss'))
|
|
.pipe(sass.sync())
|
|
.pipe(autoprefixer({ cascade: false }))
|
|
.pipe(
|
|
cleanCSS({}, (details) => {
|
|
consola.success(
|
|
`${chalk.cyan(details.name)}: ${chalk.yellow(
|
|
details.stats.originalSize / 1000
|
|
)} KB -> ${chalk.green(details.stats.minifiedSize / 1000)} KB`
|
|
)
|
|
})
|
|
)
|
|
.pipe(
|
|
rename((path) => {
|
|
if (!noElPrefixFile.test(path.basename)) {
|
|
path.basename = `ps-${path.basename}`
|
|
}
|
|
})
|
|
)
|
|
.pipe(dest(distFolder))
|
|
}
|
|
|
|
/**
|
|
* Build dark Css Vars
|
|
* @returns
|
|
*/
|
|
function buildDarkCssVars() {
|
|
const sass = gulpSass(dartSass)
|
|
return src(path.resolve(__dirname, 'src/dark/css-vars.scss'))
|
|
.pipe(sass.sync())
|
|
.pipe(autoprefixer({ cascade: false }))
|
|
.pipe(
|
|
cleanCSS({}, (details) => {
|
|
consola.success(
|
|
`${chalk.cyan(details.name)}: ${chalk.yellow(
|
|
details.stats.originalSize / 1000
|
|
)} KB -> ${chalk.green(details.stats.minifiedSize / 1000)} KB`
|
|
)
|
|
})
|
|
)
|
|
.pipe(dest(`${distFolder}/dark`))
|
|
}
|
|
|
|
/**
|
|
* copy from packages/theme-chalk/dist to dist/element-plus/theme-chalk
|
|
*/
|
|
export function copyThemeChalkBundle() {
|
|
return src(`${distFolder}/**`).pipe(dest(distBundle))
|
|
}
|
|
|
|
/**
|
|
* copy source file to packages
|
|
*/
|
|
|
|
export function copyThemeChalkSource() {
|
|
return src(path.resolve(__dirname, 'src/**')).pipe(
|
|
dest(path.resolve(distBundle, 'src'))
|
|
)
|
|
}
|
|
|
|
export const build = series(clean, parallel(
|
|
copyThemeChalkSource,
|
|
series(buildThemeChalk, buildDarkCssVars, copyThemeChalkBundle)
|
|
))
|
|
|
|
export default build
|