add css optimization

bhatmand-forks · Aug 19, 2018 · 57d0c35 · 57d0c35
1 parent 6132d22
commit 57d0c35
Show file tree

Hide file tree

Showing 3 changed files with 729 additions and 15 deletions.
diff --git a/package.json b/package.json
@@ -13,6 +13,7 @@
     "css-loader": "^1.0.0",
     "mini-css-extract-plugin": "^0.4.1",
     "node-sass": "^4.9.3",
+    "optimize-css-assets-webpack-plugin": "^5.0.0",
     "sass-loader": "^7.1.0",
     "standard": "^7.1.2",
     "uglifyjs-webpack-plugin": "^1.3.0",

diff --git a/webpack.config.js b/webpack.config.js
@@ -1,6 +1,7 @@
 const path = require('path')
 const UglifyJSPlugin = require('uglifyjs-webpack-plugin')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin')
 
 module.exports = {
   entry: [
@@ -48,9 +49,17 @@ module.exports = {
   plugins: [
     new MiniCssExtractPlugin({
       filename: 'print.min.css'
-    }),
-    new UglifyJSPlugin({
-      sourceMap: true
     })
-  ]
+  ],
+  optimization: {
+    minimizer: [
+      new OptimizeCssAssetsPlugin({
+        assetNameRegExp: /\.css$/g,
+        canPrint: false
+      }),
+      new UglifyJSPlugin({
+        sourceMap: true
+      })
+    ]
+  }
 }