webpack4该用哪个mini-css-extract-plugin版本
时间: 2024-09-07 12:04:27 浏览: 106
extract-css-chunks-webpack-plugin:从大块中提取CSS到多个样式表+ HMR
Webpack 4 是一个流行的前端模块打包工具,它可以用来将各种资源模块打包成一个或多个包。`mini-css-extract-plugin` 是一个用于将 CSS 从主应用程序中分离出来的插件,它可以帮助你在构建过程中提取 CSS 到单独的文件中。在 Webpack 4 中使用 `mini-css-extract-plugin`,通常建议使用版本 0.8.0 或更高版本,因为这个版本开始是专为 Webpack 4 设计和优化的。较新版本的插件提供了更好的性能和更多的配置选项。
截至知识更新点(2023年),你可以使用如下命令来安装 `mini-css-extract-plugin`:
```bash
npm install --save-dev mini-css-extract-plugin
```
安装后,你可以在你的 `webpack.config.js` 文件中添加插件的配置,像这样:
```javascript
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
module.exports = {
// 其他配置...
module: {
rules: [
{
test: /\.css$/,
use: [
MiniCssExtractPlugin.loader,
'css-loader'
]
}
// 其他模块规则...
]
},
plugins: [
new MiniCssExtractPlugin({
filename: "[name].css",
chunkFilename: "[id].css"
})
// 其他插件...
]
};
```
阅读全文