nakarte

commit 521b269d3509c95cb164cc0a4b40b20282cb3a7a
parent 81068b2a0b5916ecf900246d61adbeb60510b052
Author: Sergej Orlov <wladimirych@gmail.com>
Date:   Wed,  4 Dec 2019 22:13:35 +0100

config: separate config for css for dev and prod

Diffstat:
M
webpack/webpack.config.js
 | 
37
++++++++++++++++++++++---------------

1 file changed, 22 insertions(+), 15 deletions(-)
diff --git a/webpack/webpack.config.js b/webpack/webpack.config.js
@@ -83,6 +83,27 @@ const cacheLoader = {
     }
 };
 
+const productionCSSLoader = [
+    MiniCssExtractPlugin.loader,
+    {loader: 'css-loader', options: {importLoaders: 1}},
+    {
+        loader: 'postcss-loader',
+        options: {
+            ident: 'postcss',
+            plugins: () => [
+                require('postcss-import')(),
+                require('postcss-preset-env')(),
+                require('cssnano')()
+            ]
+        }
+    },
+];
+
+const developmentCSSLoader = [
+    'style-loader',
+    {loader: 'css-loader', options: {importLoaders: 1}},
+];
+
 const loaders = [
     {
         test: /\.mjs$/,
@@ -130,21 +151,7 @@ const loaders = [
 
     {
         test: /\.s?css/i,
-        use : [
-            MiniCssExtractPlugin.loader,
-            {loader: 'css-loader', options: {importLoaders: 1}},
-            {
-                loader: 'postcss-loader',
-                options: {
-                    ident: 'postcss',
-                    plugins: () => [
-                        require('postcss-import')(),
-                        require('postcss-preset-env')(),
-                        require('cssnano')()
-                    ]
-                }
-            },
-        ]
+        loaders : isProduction ? productionCSSLoader : developmentCSSLoader
     }
 ];