C/C++教程

chainWebpack设置hashSalt每次打包hash值都更新

本文主要是介绍chainWebpack设置hashSalt每次打包hash值都更新,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

背景
webpack的hash类型有三种hash、 chunkhash 、 contenthash

  • hash
    filename 每次变化
    chunkfilename 不变

  • chunkhash
    filename 每次变化
    chunkfilename 不变

  • contenthash
    每次都一样

在vue-cli 中

  • js默认用的hash;
  • css用的chunkhash

加盐实现每次都变化

  chainWebpack: config => {

    // 给hash“加盐”更新hash值
    config.output.hashSalt(new Date() + '');

    // 更改css的hash类型
    config.plugin('extract-css').tap(() => [
      {
        filename: `css/[name].[hash:8].css`,
        chunkFilename: `css/[name].[hash:8].css`,
      },
    ]);
  },

这篇关于chainWebpack设置hashSalt每次打包hash值都更新的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!