/** * @fileoverview 自动构建程序 * @author Jin Yufeng */ // 载入 gulp 插件 const gulp = require('gulp') const htmlmin = require('gulp-htmlmin') const babel = require('gulp-babel') const uglify = require('gulp-uglify') const cleanCss = require('gulp-clean-css') const clean = require('gulp-clean') const gulpif = require('gulp-if') const plumber = require('gulp-plumber') const size = require('gulp-size') // 载入构建工具 const config = require('./tools/config') const converter = require('./tools/converter') const ifdef = require('./tools/ifdef') const minifier = require('./tools/minifier') const plugin = require('./tools/plugin') // 载入环境信息 const isDev = process.argv.includes('--dev') let platform = process.argv[3] if (!platform) { throw Error('缺少平台信息') } platform = platform.substr(2) /** * @description 清理文件夹 */ gulp.task('clean', () => { return gulp.src(`${isDev ? 'dev' : 'dist'}/${platform === 'all' ? '' : platform + '/'}*`, { read: false, allowEmpty: true }) .pipe(clean()) }) /** * @description 生成原生组件包(含插件) * @returns {NodeJS.ReadWriteStream} */ function packComp () { return gulp.src(['plugins/**/*', 'src/**/*'], { nodir: true }) // 公共处理 .pipe(plumber()) // 错误处理 .pipe(plugin.build(platform)) // 构建插件 .pipe(ifdef(platform)) // 条件编译 // wxml 处理 .pipe(gulpif(file => file.extname === '.wxml', minifier.wxs())) // 压缩内联 wxs .pipe(gulpif(file => file.extname === '.wxml', htmlmin(config.htmlmin))) // 压缩 wxml .pipe(gulpif(file => file.extname === '.html', htmlmin(Object.assign({}, config.htmlmin, { // 压缩 html minifyCSS: true })))) // js 处理 .pipe(gulpif(file => file.extname === '.js' && !file.stem.includes('.min') && (platform !== 'uni-app' || file.relative.includes('static')), babel(config.babel))) // es6 转 es5 .pipe(gulpif(file => file.extname === '.js' && !file.stem.includes('.min') && !isDev && (platform !== 'uni-app' || file.relative.includes('static')), uglify(config.uglify))) // 压缩 js // wxss(css)处理 .pipe(gulpif(file => file.extname.includes('ss'), cleanCss(config.cleanCss))) // 压缩 wxss .pipe(plugin.importCss()) // 引入插件中的 css 文件 // json 处理 .pipe(gulpif(file => file.extname === '.json', minifier.json())) // 压缩 json // 公共处理 .pipe(converter(platform)) // 将微信端的代码转换到各个平台 .pipe(gulpif(!isDev, size({ title: `${platform} 包生成完毕` }))) .pipe(gulp.dest(file => { return `${isDev ? 'dev' : 'dist'}/${platform}/${(platform === 'uni-app' && !file.relative.includes('components') && !file.relative.includes('static')) || (platform !== 'uni-app' && isDev) ? 'components/mp-html/' : ''}` })) } gulp.task('build', gulp.series('clean', packComp)) /** * @description 生成原生示例项目 * @returns {NodeJS.ReadWriteStream} */ function packDemo () { return gulp.src(['tools/demo/**/*', 'test/content.js'], { nodir: true }) .pipe(ifdef(platform)) .pipe(gulpif(platform !== 'uni-app', converter(platform))) .pipe(gulp.dest(`dev/${platform}/`)) } gulp.task('dev', gulp.series('clean', gulp.parallel(packComp, packDemo))) /** * @description 监听文件变化 */ gulp.task('watch-demo', () => { gulp.watch(['tools/demo/**/*', 'test/content.js']).on('all', (type, file) => { console.log(type + ':' + file) packDemo() }) }) gulp.task('watch-comp', () => { gulp.watch(['src/**/*', 'src/common/**/*', 'plugins/**/*']).on('all', (type, file) => { console.log(type + ':' + file) packComp() }) }) gulp.task('watch', gulp.parallel('watch-demo', 'watch-comp'))