【Webpack】Hash 码

概述

在 Webpack 中,Hash 码主要用来缓存控制,确保每次修改文件后生成的文件名是唯一的,从而避免缓存问题。Webpack 在打包过程中,通过对文件内容进行哈希运算来生成 Hash 码,具体方式主要有三种:hashchunkhashcontenthash

1)hash:Webpack 会针对整个项目构建生成一个唯一的 Hash 码,只要项目中有任何一个文件变化,生成的 Hash 码都会改变。

2)chunkhash:Webpack 为每个 chunk 生成一个 Hash 码,只有当该 chunk 内容发生变化时,对应的 Hash 码才会改变。这在分离文件的情况下更为有效,减小了很多无关文件的缓存更改。

3)contenthash:Webpack 根据文件内容生成一个 Hash 码,只有文件自身内容变化时才会改变 Hash 码,这是最精准的缓存控制方式。

避免 Hash 码重复的主要方式是通过合理使用这三种哈希类型,通常用于最终输出的文件。

相关推荐
了无痕131410 分钟前
8-回溯算法
算法
秋雨凉人心17 分钟前
Webpack和GuIp打包原理以及不同
开发语言·前端·javascript·webpack·gulp
问道飞鱼22 分钟前
每日学习一个数据结构-堆
数据结构·学习·算法
ad_l44 分钟前
代码随想录_刷题记录_第四次
笔记·算法·leetcode
cdut_suye1 小时前
STL之list篇(上)初识list容器,了解其核心机制,实例化对象进行分析
开发语言·c++·学习·算法·stl·list
GISer Liu1 小时前
LeetCode从入门到超凡(四)深入浅出理解贪心算法
python·算法·leetcode·面试·职场和发展·贪心算法·datawhale
多多*1 小时前
OJ在线评测系统 前端开发整合开源组件 Monaco Editor 并且开发创建题目页面
服务器·前端·javascript·数据库·算法·开源
yanessa_yu2 小时前
Vue-cli项目实现lodash-es按需加载
vue.js·webpack
真忒修斯之船2 小时前
每天3分钟,彻底弄懂神经网络的优化器(三)Momentum
人工智能·算法·面试