initial commit

tools/webpack.prod.config.babel.js

@@ -0,0 +1,59 @@
+const path = require("path");
+const webpack = require("webpack");
+const HTMLWebpackPlugin = require("html-webpack-plugin");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const UglifyJsWebpackPlugin = require("uglifyjs-webpack-plugin");
+const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
+const baseConfig = require("./webpack.config");
+const merge = require("webpack-merge");
+const _ = require("lodash");
+const SRC_ROOT = path.resolve(__dirname, "../src/");
+
+const prodConf = {
+  mode: "production",
+
+  entry: {
+    main: ["@babel/polyfill", "whatwg-fetch", `${SRC_ROOT}/index.js`]
+  },
+
+  module: {
+    rules: []
+  },
+
+  plugins: [
+    new MiniCssExtractPlugin({
+      filename: "style.[contenthash].css"
+    }),
+    new HTMLWebpackPlugin({
+      title: "ToReplaceByTitle",
+      scope: "ToReplaceByScope",
+      filename: "index.html",
+      favicon: `${SRC_ROOT}/template/favicon.ico`,
+      verdaccioURL: "ToReplaceByVerdaccio",
+      template: `${SRC_ROOT}/template/index.html`,
+      debug: false,
+      inject: true
+    })
+  ],
+
+  optimization: {
+    minimizer: [
+      new UglifyJsWebpackPlugin({
+        sourceMap: true
+      }),
+      new OptimizeCSSAssetsPlugin({})
+    ]
+  }
+};
+
+prodConf.module.rules = baseConfig.module.rules
+  .filter(
+    loader =>
+      Array.isArray(loader.use) &&
+      loader.use.find(v => /css/.test(v.loader.split("-")[0]))
+  )
+  .forEach(loader => {
+    loader.use = [MiniCssExtractPlugin.loader].concat(_.tail(loader.use));
+  });
+
+module.exports = merge(baseConfig, prodConf);