gulpfile.js

/**
 * @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')
var platform = process.argv[3]
if (!platform)
  throw "缺少平台信息"
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'), babel(config.babel)))             // es6 转 es5
    .pipe(gulpif(file => file.extname == '.js' && !file.stem.includes('.min') && !isDev &&                       // 压缩 js
      !file.relative.includes('components') && !(platform == 'uni-app' && file.base.includes('plugins')), uglify(config.uglify)))
    // 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'))