【update】 sass打包不压缩; review by luox

Author: xiongjiaojiao

config/webpack.base.config.js

@@ -5,7 +5,6 @@ const resolve = require('resolve');
 const webpack = require('webpack');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const ESLintPlugin = require('eslint-webpack-plugin');
-const getCSSModuleLocalIdent = require('react-dev-utils/getCSSModuleLocalIdent');
 const ModuleNotFoundPlugin = require('react-dev-utils/ModuleNotFoundPlugin');
 const ForkTsCheckerWebpackPlugin =
   process.env.TSC_COMPILE_ON_ERROR === 'true'
@@ -30,7 +29,7 @@ const hasJsxRuntime = (() => {
 
 module.exports = function(isEnvProduction) {
   const isEnvDevelopment = !isEnvProduction;
-  const getStyleLoaders = (cssOptions, preProcessor) => {
+  const getStyleLoaders = (cssOptions, preProcessor, preProcessorOptions) => {
     const loaders = [
       isEnvDevelopment && require.resolve('style-loader'),
       isEnvProduction && {
@@ -81,7 +80,8 @@ module.exports = function(isEnvProduction) {
         {
           loader: require.resolve(preProcessor),
           options: {
-            sourceMap: true
+            sourceMap: true,
+            ...preProcessorOptions
           }
         }
       );
@@ -178,7 +178,10 @@ module.exports = function(isEnvProduction) {
               exclude: /\.module\.css$/,
               use: getStyleLoaders({
                 importLoaders: 1,
-                sourceMap: true
+                sourceMap: true,
+                modules: {
+                  mode: 'icss',
+                }
               }),
               sideEffects: true
             },
@@ -188,9 +191,17 @@ module.exports = function(isEnvProduction) {
               use: getStyleLoaders(
                 {
                   importLoaders: 3,
-                  sourceMap: true
+                  sourceMap: true,
+                  modules: {
+                    mode: 'icss',
+                  }
                 },
-                'sass-loader'
+                'sass-loader',
+                 {
+                  sassOptions: {
+                    outputStyle: 'expanded'
+                  }
+                 }
               ),
               sideEffects: true
             },