vue编译hash

在Vue打包编译过程中，我们可能会遇到“chunkhash”和“contenthash”，它们是什么意思呢？为什么需要使用它们？在此篇文章中，我们将会介绍Vue编译中的hash策略。

首先，我们需要知道hash在打包编译中的作用。当我们发布代码时，为避免让用户访问到旧的缓存文件，我们通常会给文件名添加一个hash值以避免缓存，因为浏览器只会根据文件名去缓存，而不会去判断文件内容是否有变化。那么使用哪种hash值会更佳呢？

// 使用chunkhashoutput: {
filename: 'js/[name].[chunkhash:8].js',}

对于单页应用，我们可以使用Vue CLI自带的“chunkhash”。这是由JavaScript文件本身的内容所生成的hash值。如果文件内容变化，它生成的hash值也会变化。这种情况下，假设你的应用有两个页面，即page1和page2，当你只改动了page1上的代码时，只有page1的hash值发生改变，而page2的hash值不受影响。这样，只有修改的代码经过新的打包编译，不会影响到旧的代码。

// 使用contenthashoutput: {
filename: 'js/[name].[contenthash:8].js',}
    

对于多页应用或组件库而言，我们可以考虑使用“contenthash”。这是与文件内容相关的hash值，如果文件内容有任何改动，则生成的hash值也会发生改变。这时候，如果你的组件库中的某个组件发生改动，它所依赖的组件也会重新打包编译，生成新的hash值，以此来保证组件库的版本更新。

综上所述，chunkhash和contenthash都有各自的应用场景，我们需要根据实际情况，来选择适合自己的hash策略。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！