江西吉安建设监督网站,wordpress js 代码,上海正规网站定制,网站开发项目答辩pptHash 缓存
输出文件名#xff08;Hash#xff09;
静态资源缓存是前端性能优化的一个点#xff0c;所以在前端开发过程中#xff0c;一般会最大限度的利用缓存#xff08;这里主要是强缓存#xff09;。如果设置了强缓存后#xff0c;每次当我们部署了新的项目文件到线…Hash 缓存
输出文件名Hash
静态资源缓存是前端性能优化的一个点所以在前端开发过程中一般会最大限度的利用缓存这里主要是强缓存。如果设置了强缓存后每次当我们部署了新的项目文件到线上的时候因为文件名称没有变化浏览器就会读取本地缓存中的 bundle.js 文件导致了我们新的 bundle.js 没有被加载。所以我们每次部署的时候都要把 bundle.js 改成另外一个名字这里就会用到 Hash。
Hash 有以下几种
hash
项目中的任何一个地方改动整个打包出来的文件 Hash 都会发生变化所有文件的 Hash 值相同。
chunkhash
每个分包 / 按需加载模块的 Hask 都是相同的模块中的任何一个地方改动只会影响当前模块所有文件的 Hash 发生变化。
contenthash
每个文件都是一个单独的 Hash文件发生变化后单个文件的 Hash 也会发生变化。
建议
推荐使用 contenthash 进行缓存
推荐使用 8 位的 hash 值进行缓存 [contenthas: 8]
module.exports {output: {path: ./dist,filename: [contenthash:8]bundle.js}
}原文链接菜园前端
