Minify css using postcss

demo/config/webpack.common.js

@@ -11,7 +11,11 @@ module.exports = {
     rules: [
       {
         test: /\.css$/,
-        use: ["style-loader", "css-loader"]
+        use: [
+          "style-loader",
+          { loader: "css-loader", options: { importLoaders: 1 } },
+          "postcss-loader"
+        ]
       },
       {
         test: /\.(js|ts|tsx)?$/,

package.json

@@ -79,6 +79,7 @@
     "classnames": "^2.2.5",
     "copy-webpack-plugin": "^4.6.0",
     "css-loader": "^1.0.1",
+    "cssnano": "^4.1.10",
     "eslint": "4.16.0",
     "eslint-config-prettier": "^2.3.0",
     "eslint-plugin-import": "^2.7.0",
@@ -99,8 +100,10 @@
     "jest-puppeteer": "^3.0.1",
     "jest-runner-eslint": "^0.4.0",
     "jszip": "^3.1.3",
+    "lodash": "^4.17.11",
     "milkdrop-preset-converter-aws": "^0.1.6",
     "music-metadata-browser": "^0.6.1",
+    "postcss-loader": "^3.0.0",
     "prettier": "^1.16.0",
     "prop-types": "^15.5.10",
     "puppeteer": "^1.4.0",
@@ -139,8 +142,5 @@
       "config/jest.*.js"
     ]
   },
-  "prettier": {},
-  "dependencies": {
-    "lodash": "^4.17.11"
-  }
+  "prettier": {}
 }

postcss.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  plugins: [require("cssnano")]
+};