webpack打包项目时,使用插件MiniCssExtractPlugin抽离css,配置如下:
rules:[
{
test: /\.(css|less)$/,
use: [
MiniCssExtractPlugin.loader,
"style-loader",
"css-loader",
"postcss-loader",
],
}
]
运行webpack,报错如下:

style-loader:使用<style>将css-loader内部样式注入到我们的HTML页面
mini-css-extract-plugin是将css抽离出来
删除style-loader,可以正常打包
本文介绍如何在webpack配置中正确使用MiniCssExtractPlugin插件来抽离CSS,避免与style-loader的冲突,确保CSS文件能够被正确地抽离并独立打包。

1万+

被折叠的 条评论
为什么被折叠?



