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

62 阅读 0 评论 41 点赞

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

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"

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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