feat: 支持optimization 参数

ximing · Mar 18, 2019 · b63a27a · b63a27a
1 parent b61472c
commit b63a27a
Show file tree

Hide file tree

Showing 6 changed files with 42 additions and 33 deletions.
diff --git a/src/index.js b/src/index.js
@@ -22,6 +22,7 @@ const HandleJSONComponentDep = require('./plugin/handleJSONComponentDep');
 const HandleWXSSDep = require('./plugin/handleWXSSDep');
 const HandleWXMLDep = require('./plugin/handleWXMLDep');
 const NpmRewrite = require('./plugin/npmRewrite');
+const MinifyPlugin = require('./plugin/minifyPlugin');
 const AppJSONPick = require('./plugin/appJSONPick');
 const CopyImagePlugin = require('./plugin/copyImagePlugin');
 const CopyPlugin = require('./plugin/copyPlugin');
@@ -44,6 +45,12 @@ class Mpbuilder {
             beforeEmitFile: new AsyncSeriesWaterfallHook(['asset']),
             watchRun: new AsyncSeriesHook(['compiler'])
         };
+        this.optimization = Object.assign(
+            {
+                minimize: true
+            },
+            config.optimization
+        );
         this.watching = new Watching(this, async () => {
             await this.hooks.afterCompile.promise(this);
         });
@@ -66,7 +73,8 @@ class Mpbuilder {
                 new HandleJSONComponentDep(),
                 new HandleWXMLDep(),
                 new HandleWXSSDep(),
-                new NpmRewrite()
+                new NpmRewrite(),
+                new MinifyPlugin()
             ],
             this.config.plugins
         );

diff --git a/src/loader/html-minifier-loader.js b/src/loader/html-minifier-loader.js
diff --git a/src/loader/json-loader.js b/src/loader/json-loader.js
diff --git a/src/loader/wxml-loader.js b/src/loader/wxml-loader.js
diff --git a/src/loaderManager.js b/src/loaderManager.js
@@ -5,23 +5,17 @@ const mm = require('micromatch');
 
 const babelLoader = require('./loader/babel-loader');
 const fileLoader = require('./loader/file-loader');
-const jsonLoader = require('./loader/json-loader');
 const replaceLoader = require('./loader/replace-loader');
 const taroJSLoader = require('./loader/taro-js-loader');
 const tsLoader = require('./loader/ts-loader');
-const wxmlLoader = require('./loader/wxml-loader');
 const postcssLoader = require('./loader/postcss-loader');
-const htmlMinifierLoader = require('./loader/html-minifier-loader');
 
 const map = {
     'babel-loader': babelLoader,
     'file-loader': fileLoader,
-    'json-loader': jsonLoader,
     'replace-loader': replaceLoader,
     'taro-js-loader': taroJSLoader,
     'ts-loader': tsLoader,
-    'wxml-loader': wxmlLoader,
-    'html-minifier-loader': htmlMinifierLoader,
     'postcss-loader': postcssLoader
 };
 

diff --git a/src/plugin/minifyPlugin.js b/src/plugin/minifyPlugin.js
@@ -0,0 +1,33 @@
+/**
+ * Created by ximing on 2019-03-18.
+ */
+const UglifyJS = require('uglify-js');
+const jsonminify = require('jsonminify');
+const htmlmin = require('html-minifier');
+
+module.exports = class MinifyPlugin {
+    apply(mpb) {
+        if (mpb.optimization.minimize) {
+            mpb.hooks.beforeEmitFile.tapPromise('MinifyPlugin', async (asset) => {
+                if (asset.contents) {
+                    if (/\.js$/.test(asset.outputFilePath)) {
+                        const result = UglifyJS.minify(asset.contents);
+                        if (result.error) console.error('[MinifyPlugin]', result.error);
+                        if (result.warnings) console.warn('[MinifyPlugin]', result.warnings);
+                        asset.contents = result.code;
+                    } else if (/\.json$/.test(asset.outputFilePath)) {
+                        asset.contents = jsonminify(asset.contents).toString();
+                    } else if (/\.wxml$/.test(asset.outputFilePath)) {
+                        asset.contents = asset.contents = htmlmin.minify(asset.contents, {
+                            removeComments: true,
+                            keepClosingSlash: true,
+                            collapseWhitespace: true,
+                            caseSensitive: true
+                        });
+                    }
+                }
+                return Promise.resolve();
+            });
+        }
+    }
+};