webpack: optimize css for production

2025-12-21 19:34:19 +01:00 · 2018-05-06 18:06:33 +08:00
parent 6a217d7388
commit 2201a174fe
6 changed files with 34 additions and 8 deletions
--- a/html/webpack.prod.js
+++ b/html/webpack.prod.js
@@ -3,9 +3,20 @@ const config = require('./webpack.config.js');

 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const HtmlWebpackInlineSourcePlugin = require('html-webpack-inline-source-plugin');
+const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
+const UglifyJsPlugin = require("uglifyjs-webpack-plugin");

 module.exports = merge(config, {
    mode: 'production',
+    optimization: {
+        minimizer: [
+            new UglifyJsPlugin({
+                cache: true,
+                parallel: true,
+            }),
+            new OptimizeCSSAssetsPlugin({}),
+        ]
+    },
    plugins: [
        new HtmlWebpackPlugin({
            inlineSource: '.(js|css)$',