mini-css-extract-plugin 的用法(webpack4)
2024-10-19 19:51:54
今天在使用webpack的extract-text-webpack-plugin插件提取单独打包css文件时,报错,说是这个插件要依赖webpack3的版本。
后面查了一下,webpack4得使用mini-css-extract-plugin这个插件来单独打包css。
mini-css-extract-plugin这个插件的用法如下:
const MiniCssExtractPlugin = require("mini-css-extract-plugin")
const config = module.exports={
plugins: [
new MiniCssExtractPlugin({
filename: "[name].[chunkhash:8].css",
chunkFilename: "[id].css"
})
],
module: {
rules: [
{
test: /\.css$/,
use: [
MiniCssExtractPlugin.loader,
"css-loader"
]
}
]
}
}
module.exports = config
(学习笔记)
最新文章
- php将html转成word文档下载
- java线程(2016-4-7)
- Linux 网络编程四(socket多线程升级版)
- HTTP协议简介1
- SQL语言学习-数据定义语言
- 基于linux c的mysql操作——幼儿园数据管理系统
- 输入 URL 到页面完成加载过程中的所有发生的事情?
- idea不能加载xml
- python requests 官方文档
- work2:贪吃蛇
- 安卓开发_浅谈主配置文件(AndroidManifest.xml)
- 15-(基础入门篇)GPRS(Air202)GPIO控制点亮一个灯
- python中参数传递之位置传递、关键字传递、包裹传递与解包裹
- JS 随机排序算法
- Nginx基本配置文件
- javascript异步编程方案汇总剖析
- Nginx隐藏主机信息,proxy_hide_header 与fastcgi_hide_header
- VC 调用 Python
- oracle最大连接数相关
- ubuntu16安装配置nginx