webpack中的hash

webpack中的hash

• 在Webpack配置中，hash的目的是为了生成唯一的文件名：bundle.(hash).js
• 不同环境下对hash的需求是不一样的
  • 开发环境：频繁进行代码修改和构建，不需要长时间缓存，生产hash会增加不必要的构建时间。
  • 生产环境：希望生产hash，以便利用浏览器缓存机制，提高加载速度。
• 因此在webpack配置文件里面，就可以动态的配置是否需要生成hash

  module.export = {
    output: {
      filename: isProduction ? 'bundle.[contenthash].js' : 'bundle.js'
    },
    ...
  };