webpack(三) 文件指纹和文件压缩1 文件指纹代码压缩

93 阅读 0 评论 62 点赞

我是靠谱客的博主喜悦蜜蜂，这篇文章主要介绍webpack(三) 文件指纹和文件压缩1 文件指纹代码压缩，现在分享给大家，希望可以做个参考。

1 文件指纹

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

分类：

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

复制代码

1
2
3
4
  plugins: [
    new MiniCssExtractPlugin({
   
      filename: "[name].[contentHash].css"

以上就是喜悦蜜蜂最近收集整理的关于webpack(三) 文件指纹和文件压缩1 文件指纹代码压缩的全部内容，更多相关webpack(三)内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。