因此,MiniCssExtractPlugin在使用skipCodeGeneration
的ngtools(提前编译)中无法正常工作。这是一个已知问题-https://github.com/webpack-contrib/mini-css-extract-plugin/issues/186
或者,我将extract-loader
和file-loader
一起使用
{
test: /\.css$/,
include: helpers.root('src'),
loaders: [
'raw-loader'
]
},
{
test: /\.css$/,
exclude: helpers.root('src'),
use: [
{
loader: "file-loader",
options: {
name: "[name].[ext]",
},
},
{
loader: "extract-loader",
},
"css-loader"
]
}
但是,这将输出每个CSS文件。使用MiniCssExtractPlugin,我得到了一个组合的CSS文件。
如何使用extract-loader
和file-loader
实现相同的目标?