我按照文档配置了MiniCssExtractPlugin，如下所示：
const path=require("path");
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
module.exports={
entry:"./main.js",
output:{
filename:"bundle.js",
path:path.resolve(__dirname,"./dist")
},
plugins:[
new MiniCssExtractPlugin()
],
module:{
rules:[
{
test:/\.css$/i,
use:[MiniCssExtractPlugin.loader,"css-loader"]
}
]
}
};
执行打包后，只是在dist目录下生成了一个main.css文件，而在运行时并没有动态在<head>中插入<link>标签。
我的MiniCssExtractPlugin插件的版本是1.2.0，Webpack的版本是5.2.0。
--
FROM 27.189.92.*