webpack之文件指纹

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'
        ]
      },