webpack.config.js 配置,能优化一下吗
时间: 2023-08-10 13:47:36 浏览: 34
这段代码是关于 CSS Modules 和 SASS 的配置。
优化方案如下:
1. 对于 CSS Modules 部分,可以添加 `oneOf` 配置,将 CSS Modules 和普通 CSS 区分开,避免将所有 CSS 全部开启 Modules。
2. 对于 SASS 部分,可以使用 `sass-loader` 的 `implementation` 选项,使用 `dart-sass` 替换默认的 `node-sass`,提高编译速度。
3. 将 `getCSSModuleLocalIdent` 函数提取到外部,避免在每个模块中都生成一个新的函数。
修改后的代码如下:
```
{
test: cssModuleRegex,
include: paths.appSrc,
oneOf: [
{
test: cssModuleRegex,
use: getStyleLoaders({
importLoaders: 1,
sourceMap: isEnvProduction && shouldUseSourceMap,
modules: {
getLocalIdent: getCSSModuleLocalIdent
},
})
},
{
use: getStyleLoaders({
importLoaders: 1,
sourceMap: isEnvProduction && shouldUseSourceMap,
})
}
]
},
{
test: sassRegex,
include: paths.appSrc,
exclude: sassModuleRegex,
use: getStyleLoaders(
{
importLoaders: 3,
sourceMap: isEnvProduction && shouldUseSourceMap,
},
{
implementation: require('sass')
}
),
sideEffects: true
},
```
希望对你有所帮助!