tiny-vue/packages/theme-mobile/build/gulp-dist.js

52 lines
1.5 KiB
JavaScript

/**
* 打包 src 目录到 dist 目录
*/
const gulp = require('gulp')
const less = require('gulp-less')
const cssmin = require('gulp-clean-css')
const prefixer = require('gulp-autoprefixer')
const fg = require('fast-glob')
const fs = require('node:fs')
const source = '../src'
const dist = '../dist'
// 将所有组件下的index.less合并到src下的index.less
const fileList = fg.sync('../src/*/index.less')
const importStr = fileList
.map((filePath) => filePath.replace('../src/', './'))
.map((path) => `@import '${path}';`)
.join('\n')
const note = fs.readFileSync('../src/index.less', { encoding: 'utf-8' }).match(/(^\/\*\*.+?\*\/)/s)[0]
fs.writeFileSync('../src/index.less', `${note}\n\n${importStr}`)
gulp.task('compile', () => {
return gulp
.src([`${source}/**/index.less`, `${source}/index.less`])
.pipe(less())
.pipe(
prefixer({
borwsers: ['last 1 version', '> 1%', 'not ie <= 8'],
cascade: true,
remove: true
})
)
.pipe(cssmin())
.pipe(gulp.dest(dist))
})
gulp.task('copycssvar', () => {
return gulp.src([`${source}/**/*.js`, `${source}/index.js`], { allowEmpty: true }).pipe(gulp.dest(`${dist}`))
})
gulp.task('copysvgs', () => {
return gulp.src([`${source}/svgs/**`]).pipe(gulp.dest(`${dist}/svgs`))
})
gulp.task('copyimage', () => {
return gulp.src([`${source}/images/**`]).pipe(gulp.dest(`${dist}/images`))
})
gulp.task('build', gulp.series('compile', 'copycssvar', 'copysvgs', 'copyimage'))