Second attempt to fix CSS regression. 6.0.5 did not fix it.

Use `mini-css-extract-plugin` instead of `extract-text-webpack-plugin`.

"How can I keep the css order in the css file when I use extract-text-webpack-plugin"
"TL;DR Use mini-css-extract-plugin instead"
webpack-contrib/extract-text-webpack-plugin#200
webpack-contrib/extract-text-webpack-plugin#200 (comment)
webpack-contrib/extract-text-webpack-plugin#701 (comment)

package.json

@@ -62,7 +62,7 @@
     "eslint-plugin-html": "4.0.3",
     "eslint-plugin-jsdoc": "3.6.3",
     "eslint-plugin-json": "1.2.0",
-    "extract-text-webpack-plugin": "4.0.0-beta.0",
+    "mini-css-extract-plugin": "0.4.0",
     "mocha": "5.1.1",
     "npm-check-updates": "3.0.0-alpha.3",
     "npm-run-all": "4.1.2",

webpack.config.babel.js

@@ -2,7 +2,7 @@ import * as path from 'path'
 import * as pkg from './package.json'
 import * as webpack from 'webpack'
 import CleanPlugin from 'clean-webpack-plugin'
-import ExtractTextPlugin from 'extract-text-webpack-plugin'
+import MiniCssExtractPlugin from 'mini-css-extract-plugin'
 
 const PRODUCTION = process.env.NODE_ENV === 'production'
 
@@ -50,13 +50,10 @@ const config = {
       },
       {
         test: /\.css$/,
-        use: ExtractTextPlugin.extract({
-          fallback: {
-            loader: 'style-loader',
-            options: { hmr: false }
-          },
-          use: [{ loader: 'css-loader', options: { minimize: false } }, 'postcss-loader']
-        })
+        use: [
+          MiniCssExtractPlugin.loader,
+          { loader: 'css-loader', options: { minimize: false } }
+        ]
       }
     ]
   },
@@ -80,7 +77,7 @@ const config = {
       },
       VERSION: JSON.stringify(pkg.version)
     }),
-    new ExtractTextPlugin({ filename: '[name].css' })
+    new MiniCssExtractPlugin({ filename: '[name].css' })
   ]
 }