build: added optimize-css-assets-webpack-plugin

afflicted-cat · Oct 3, 2018 · f059541 · f059541
1 parent 61abbbc
commit f059541
Show file tree

Hide file tree

Showing 3 changed files with 633 additions and 19 deletions.
diff --git a/package.json b/package.json
@@ -115,6 +115,7 @@
     "node-sass": "^4.9.3",
     "npm-run-all": "^4.1.3",
     "open-browser-webpack-plugin": "^0.0.5",
+    "optimize-css-assets-webpack-plugin": "^5.0.1",
     "postcss-flexbugs-fixes": "^4.1.0",
     "postcss-loader": "^3.0.0",
     "prettier": "^1.14.2",

diff --git a/webpack/webpack.client.production.js b/webpack/webpack.client.production.js
@@ -1,3 +1,4 @@
+const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const ManifestPlugin = require('webpack-manifest-plugin');
@@ -30,7 +31,8 @@ module.exports = merge(client, {
             ascii_only: true
           }
         }
-      })
+      }),
+      new OptimizeCSSAssetsPlugin({ cssProcessorOptions: { map: { inline: false, annotations: true } } })
     ]
   },
   module: {
@@ -47,8 +49,6 @@ module.exports = merge(client, {
               modules: true,
               importLoaders: 2,
               context: paths.root,
-              minimize: true,
-              sourceMap: true,
               localIdentName: '[local][hash:base64:5]',
               getLocalIdent: createSelectorName
             }
@@ -57,8 +57,6 @@ module.exports = merge(client, {
             loader: 'postcss-loader',
             options: {
               ident: 'postcss',
-              minimize: true,
-              sourceMap: true,
               plugins: () => [
                 require('postcss-flexbugs-fixes'),
                 autoprefixer({
@@ -76,8 +74,6 @@ module.exports = merge(client, {
           {
             loader: 'sass-loader',
             options: {
-              minimize: true,
-              sourceMap: true,
               includePaths: [paths.nodeModules, paths.assets]
             }
           }