安装
npm -d install mini-css-extract-plugin
配置
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
{
test: /\.css$/,
use: [
MiniCssExtractPlugin.loader,
'css-loader',
]
}
new MiniCssExtractPlugin({
filename: './css/[name].css'
})
可以看到把css文件都打包到dist/css/entry.css的目录下边了
filename:’./css/[name].css’中的name就是入口声明的文件名字
比如
entry: {
app: ‘./src/index.js’,
},
那么输出的文件名字就是./css/app.css