css文件指纹需要安装插件
npm i mini-css-extract-plugin -D
//文件引用
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
//插件配置
plugins:[
new MiniCssExtractPlugin({
filename:'[name]_[contenthash:8].css'
})
]
//因为该插件是把样式提取出来,而style-loader是把样式插入到head里面,所以这两者的功能是互斥的,所以只能使用一个
{
test:/.css$/,
use:[
// 'style-loader', //多个loader会采用链式调用,style-loade必须要在css-loader之前
MiniCssExtractPlugin.loader,
'css-loader'
]
},
{
test:/.less$/,
use:[
// 'style-loader',
MiniCssExtractPlugin.loader,
'css-loader',
'less-loader'
]
},