fix: fix lib crash

Author: Uncleseneca

css-loader-config.js

@@ -1,8 +1,9 @@
-const ExtractCssChunks = require('extract-css-chunks-webpack-plugin')
-const findUp = require('find-up')
+const ExtractCssChunks = require('extract-css-chunks-webpack-plugin');
+const findUp = require('find-up');
+const OptimizeCssAssetsWebpackPlugin = require('optimize-css-assets-webpack-plugin');
 
-const fileExtensions = new Set()
-let extractCssInitialized = false
+const fileExtensions = new Set();
+let extractCssInitialized = false;
 
 module.exports = (
   config,
@@ -18,7 +19,7 @@ module.exports = (
 ) => {
   // We have to keep a list of extensions for the splitchunk config
   for (const extension of extensions) {
-    fileExtensions.add(extension)
+    fileExtensions.add(extension);
   }
 
   if (!isServer && config.optimization.splitChunks.cacheGroups) {
@@ -27,7 +28,7 @@ module.exports = (
       test: new RegExp(`\\.+(${[...fileExtensions].join('|')})$`),
       chunks: 'all',
       enforce: true
-    }
+    };
   }
 
   if (!isServer && !extractCssInitialized) {
@@ -41,48 +42,53 @@ module.exports = (
         chunkFilename: dev
           ? 'static/chunks/[name].chunk.css'
           : 'static/chunks/[name].[contenthash:8].chunk.css',
-        orderWarning: false,
-        reloadAll: true
+        hot: dev
       })
-    )
-    extractCssInitialized = true
+    );
+    extractCssInitialized = true;
   }
 
   if (!dev) {
     if (!Array.isArray(config.optimization.minimizer)) {
-      config.optimization.minimizer = []
+      config.optimization.minimizer = [];
     }
-    const OptimizeCssAssetsWebpackPlugin = require('optimize-css-assets-webpack-plugin');
-    config.optimization.minimizer.push(new OptimizeCssAssetsWebpackPlugin({}))
+    config.optimization.minimizer.push(
+      new OptimizeCssAssetsWebpackPlugin({
+        cssProcessorOptions: {
+          discardComments: { removeAll: true }
+        }
+      })
+    );
   }
 
   const postcssConfig = findUp.sync('postcss.config.js', {
     cwd: config.context
-  })
-  let postcssLoader
+  });
+  let postcssLoader;
 
   if (postcssConfig) {
     // Copy the postcss-loader config options first.
     const postcssOptionsConfig = Object.assign(
       {},
       postcssLoaderOptions.config,
       { path: postcssConfig }
-    )
+    );
 
     postcssLoader = {
       loader: 'postcss-loader',
       options: Object.assign({}, postcssLoaderOptions, {
         config: postcssOptionsConfig
       })
-    }
+    };
   }
 
   const cssLoader = {
-    loader: isServer ? 'css-loader/locals' : 'css-loader',
+    loader: 'css-loader',
     options: Object.assign(
       {},
       {
         modules: cssModules,
+        exportOnlyLocals: isServer,
         localIdentName: dev
           ? '[name]__[local]--[hash:base64:5]'
           : '[hash:base64:5]',
@@ -91,16 +97,16 @@ module.exports = (
       },
       cssLoaderOptions
     )
-  }
+  };
 
   // When not using css modules we don't transpile on the server
   if (isServer && !cssLoader.options.modules) {
-    return ['ignore-loader']
+    return ['ignore-loader'];
   }
 
   // When on the server and using css modules we transpile the css
   if (isServer && cssLoader.options.modules) {
-    return [cssLoader, postcssLoader, ...loaders].filter(Boolean)
+    return [cssLoader, postcssLoader, ...loaders].filter(Boolean);
   }
 
   return [
@@ -109,5 +115,5 @@ module.exports = (
     cssLoader,
     postcssLoader,
     ...loaders
-  ].filter(Boolean)
-}
+  ].filter(Boolean);
+};