webpack: extract css in development mode

1 files changed, 2 insertions, 3 deletions

diff --git a/webpack.config.js b/webpack.config.js
index 450adeeb..c4e7361f 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -30,7 +30,7 @@ module.exports = (env, argv) => {
                 test: /\.(css)$/,
                 use: [
                     {
-                        loader: dev ? 'style-loader' : MiniCssExtractPlugin.loader,
+                        loader: MiniCssExtractPlugin.loader,
                     },
                     {
                         loader: 'css-loader',
@@ -62,6 +62,7 @@ module.exports = (env, argv) => {
             }]
         },
         plugins: [
+            new MiniCssExtractPlugin({ filename: 'style.css' })
         ],
         resolve: {
             symlinks: false,
@@ -86,8 +87,6 @@ module.exports = (env, argv) => {
                 failOnError: true,
                 fix: false
             }))
-    } else {
-        config.plugins.push(new MiniCssExtractPlugin({ filename: 'style.css' }))
     }
     config.optimization = {
         minimize: !dev,