@easyv/react-component-builder 0.15.0 → 0.16.0

package/config/webpack.config.build.js

@@ -1,18 +1,22 @@
-const fs = require('fs');
-const path = require('path');
-const commonConfig = require('./webpack.config.common');
-const { appComponents, appBuild, webpackConfigExtend } = require('./paths');
-const webpack = require('webpack');
+const fs = require("fs");
+const path = require("path");
+const TerserWebpackPlugin = require("terser-webpack-plugin");
+const commonConfig = require("./webpack.config.common");
+const { appComponents, appBuild, webpackConfigExtend } = require("./paths");
+const webpack = require("webpack");
 
 let webpackConfigExtendFn;
 if (fs.existsSync(webpackConfigExtend)) {
   webpackConfigExtendFn = require(webpackConfigExtend);
 }
 
-process.env.NODE_ENV = 'production';
+process.env.NODE_ENV = "production";
 
-module.exports = ({ filename, module_name, version }, { uniqueId }) => {
-  const entry = path.resolve(appComponents, filename, 'index')
+module.exports = (
+  { filename, module_name, version },
+  { uniqueId, removeConsole }
+) => {
+  const entry = path.resolve(appComponents, filename, "index");
   const cf = {
     ...commonConfig({ isProduction: true, uniqueId, entrys: [entry] }),
     mode: process.env.NODE_ENV,
@@ -21,23 +25,46 @@ module.exports = ({ filename, module_name, version }, { uniqueId }) => {
       path: appBuild,
       filename: `${filename}.${version}.js`,
       library: `${module_name}@${version}`,
-      libraryTarget: 'amd',
+      libraryTarget: "amd",
     },
-    externals: ['react', 'react-dom', 'three', 'lodash', 'd3', '@material-ui/styles'],
+    externals: [
+      "react",
+      "react-dom",
+      "three",
+      "lodash",
+      "d3",
+      "@material-ui/styles",
+    ],
     devtool: false,
     plugins: [
       new webpack.ProvidePlugin({
-        THREE: 'three',
-        React: 'react',
-        ReactDom: 'react-dom',
-      })
-    ]
-  }
+        THREE: "three",
+        React: "react",
+        ReactDom: "react-dom",
+      }),
+    ],
+  };
 
   if (webpackConfigExtendFn) {
     return webpackConfigExtendFn(cf, {
-      production: true
-    })
+      production: true,
+    });
+  }
+
+  if (removeConsole) {
+    cf["optimization"] = {
+      minimizer: [
+        new TerserWebpackPlugin({
+          parallel: true,
+          terserOptions: {
+            compress: {
+              drop_console: true,
+            },
+          },
+        }),
+      ],
+    };
   }
+
   return cf;
 };

package/launcher/build.js

@@ -16,7 +16,7 @@ function canReadAsset(asset) {
 }
 
 module.exports = (name, option = {}) => {
-  const { unique = true } = option;
+  const { unique = true, removeConsole } = option;
   return new Promise((resolve, reject) => {
     // 检查组件是否存在
     // 开始打包
@@ -43,7 +43,9 @@ module.exports = (name, option = {}) => {
     const { base } = checkComponentFiles(sourcePath);
     base.filename = `${base.module_name}`;
     base.module_name = `${base.module_name}${unique ? "." + easyvcid : ""}`;
-    const compiler = webpack(getWebpackConfig(base, { uniqueId: easyvcid }));
+    const compiler = webpack(
+      getWebpackConfig(base, { uniqueId: easyvcid, removeConsole })
+    );
 
     console.log("Creating an optimized production build...");
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/react-component-builder",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "files": [
     "launcher",
     "templates",
@@ -55,7 +55,8 @@
     "@types/lodash": "^4.14.157",
     "@types/node": "^12.0.0",
     "@types/react": "^16.9.0",
-    "@types/react-dom": "^16.9.0"
+    "@types/react-dom": "^16.9.0",
+    "terser-webpack-plugin": "^4.2.3"
   },
   "easyv": {
     "src": "examples",