update: modify build scripts

Author: JuneAndGreen

tools/build.js

@@ -167,6 +167,16 @@ function copy(copyFileList) {
     .pipe(gulp.dest(distPath))
 }
 
+/**
+ * 拷贝 weui-wxss 中的样式文件
+ */
+function copyWeuiWxss() {
+  return gulp.src(config.copyWeuiWxss, {cwd: srcPath, base: srcPath})
+    .pipe(_.dealWithWeuiWxss())
+    .pipe(_.logger())
+    .pipe(gulp.dest(distPath))
+}
+
 /**
  * 安装依赖包
  */
@@ -371,6 +381,14 @@ class BuildTask {
       return done()
     }))
 
+    /**
+     * 拷贝 weui-wxss 到目标目录
+     */
+    gulp.task(`${id}-copy-weui-wxss`, done => {
+      if (config.copyWeuiWxss && Array.isArray(config.copyWeuiWxss)) return copyWeuiWxss()
+      return done ()
+    })
+
     /**
      * 监听 json 变化
      */
@@ -424,6 +442,19 @@ class BuildTask {
         .on('unlink', watchCallback)
     })
 
+    /**
+     * 监听 weui-wxss 变化
+     */
+    gulp.task(`${id}-watch-copy-weui-wxss`, () => {
+      const copyWeuiWxssList = config.copyWeuiWxss || []
+      const watchCallback = filePath => copyWeuiWxss([filePath])
+
+      return gulp.watch(copyWeuiWxssList, {cwd: srcPath, base: srcPath})
+        .on('change', watchCallback)
+        .on('add', watchCallback)
+        .on('unlink', watchCallback)
+    })
+
     /**
      * 监听 demo 变化
      */
@@ -448,9 +479,9 @@ class BuildTask {
      * 构建相关任务
      */
     // gulp.task(`${id}-build`, gulp.series(`${id}-clean-dist`, `${id}-component-check`, gulp.parallel(`${id}-component-less`)))
-    gulp.task(`${id}-build`, gulp.series(`${id}-clean-dist`, `${id}-component-check`, gulp.parallel(`${id}-component-wxml`, `${id}-component-js`, `${id}-component-less`, `${id}-component-wxss`, `${id}-component-json`, `${id}-copy`, `${id}-package-json`)))
+    gulp.task(`${id}-build`, gulp.series(`${id}-clean-dist`, `${id}-component-check`, gulp.parallel(`${id}-component-wxml`, `${id}-component-js`, `${id}-component-less`, `${id}-component-wxss`, `${id}-component-json`, `${id}-copy`, `${id}-copy-weui-wxss`, `${id}-package-json`)))
 
-    gulp.task(`${id}-watch`, gulp.series(`${id}-build`, `${id}-demo`, `${id}-install`, gulp.parallel(`${id}-watch-wxml`, `${id}-watch-wxss`, `${id}-watch-json`, `${id}-watch-copy`, `${id}-watch-install`, `${id}-watch-demo`, `${id}-watch-less`, `${id}-watch-ts`)))
+    gulp.task(`${id}-watch`, gulp.series(`${id}-build`, `${id}-demo`, `${id}-install`, gulp.parallel(`${id}-watch-wxml`, `${id}-watch-wxss`, `${id}-watch-json`, `${id}-watch-copy`, `${id}-watch-copy-weui-wxss`, `${id}-watch-install`, `${id}-watch-demo`, `${id}-watch-less`, `${id}-watch-ts`)))
 
     gulp.task(`${id}-dev`, gulp.series(`${id}-build`, `${id}-demo`, `${id}-install`))
 

tools/config.js

@@ -62,9 +62,10 @@ module.exports = {
       assetFilter: assetFilename => assetFilename.endsWith('.js')
     }
   },
-  ignore: ['!./weui-wxss/**/*'], // 要忽
-  copyIgnore: ['!./weui-wxss/node_modules/**/*', '!./weui-wxss/src/**/*', '!./weui-wxss/dist/example/**/*', '!./weui-wxss/dist/app.wxss', '!./weui-wxss/dist/style/base/**/*', '!./weui-wxss/dist/style/widget/**/*'], // 要忽略的目录/文件
+  ignore: ['!./weui-wxss/**/*'], // 要忽略的目录/文件
+  copyIgnore: ['!./weui-wxss/**/*'], // 要忽略的目录/文件
   copy: {
-    src: ['./static/**/*', './**/*.wxss', './**/*.wxs', './weui-wxss/dist/style/weui.wxss']
+    src: ['./static/**/*', './**/*.wxss', './**/*.wxs', ]
   }, // 将会复制到目标目录
+  copyWeuiWxss: ['./weui-wxss/dist/style/weui.wxss', './weui-wxss/dist/style/icon/weui-icon.wxss']
 }

tools/utils.js

@@ -196,6 +196,23 @@ function getId() {
   return ++seed
 }
 
+/**
+ * weui-wxss 处理插件
+ */
+function dealWithWeuiWxss() {
+  return through.obj(function (file, enc, cb) {
+    if (path.extname(file.path) === '.wxss') {}
+    const action = 'copy'
+    const type = path.extname(file.path).slice(1).toLowerCase()
+
+    // eslint-disable-next-line no-console
+    console.log(`[${format(new Date(), 'yyyy-MM-dd HH:mm:ss').grey}] [${action.green} ${type.green}] ${'=>'.cyan} ${file.path}`)
+
+    this.push(file)
+    cb()
+  })
+}
+
 module.exports = {
   wrap,
   transformPath,
@@ -210,4 +227,5 @@ module.exports = {
   compareArray,
   merge,
   getId,
+  dealWithWeuiWxss,
 }