webpack(三) 文件指纹和文件压缩

1 文件指纹

文件指纹就是资源打包后输出的文件名后缀，主要用于版本管理。当项目发布时，发生修改的文件文件指纹也会发生修改，从而发布改文件，而未修改的文件文件指纹也不会修改，也不会重新发布，直接使用浏览器缓存的文件即可。

分类：

• Hash
  与整个项目相关，项目当中有文件发生改变，整个项目构建出来的Hash值也会发生改变，与compilation相关
• Chunkhash
  和 webpack 打包的 chunk 相关，不同的entry 会传输不同的 chunkhash 值，比如app.js和app.css同属于一个chunk，app.css发生改变时，app.js的chunkhash也会发生改变
• ContentHash
  根据文件内容来定义hash，文件内容不变，则 contentHash 不变

  plugins: [
    new MiniCssExtractPlugin({
   
      filename: "[name].[contentHash].css"