我正在为这两种文件类型添加 LESS 和 CSS 加载器.这是 webpack 的开销吗?

Question

这里是webpack.config.js

module: {
rules: [
{
// LESS-CSS Loader
test: /.(le|c)ss$/,
use: [
{
loader: MiniCssExtractPlugin.loader,
},
require.resolve('css-loader'),
require.resolve('less-loader')
]
}
]
}

css文件也将由较少的加载程序处理，因此会导致开销吗？ 我只想知道现有方法是否会导致任何开销，或者它不会对性能产生任何影响。

Answer 1

如果您只想将这些加载器应用于较少的文件，请将测试更改为test: /.less$/,它仍然需要更少和 CSS 加载器，然后仅为特定于 CSS 添加另一个加载器

{
test: /.css$/,
use: require.resolve('css-loader')
}