vue.js编译时给生成的文件增加版本号

vue.js在生成相关js和css文件的时候，名称是通过HASH的方式进行生成的，但是每次生成的文件基本都是一样的，那么浏览器就会缓存这些文件，为了在更新的时候能够保证js和css文件能够更新，那么我们需要针对webpack的配置文件进行修改；打开webpack.prod.conf.js文件进行如下操作1.增加版本变量（版本号暂时用时间代替）var Version = new Date()

至尊宝z紫霞

10192人浏览 · 2018-06-01 10:14:59

至尊宝z紫霞 · 2018-06-01 10:14:59 发布

vue.js在生成相关js和css文件的时候，名称是通过HASH的方式进行生成的，但是每次生成的文件基本都是一样的，那么浏览器就会缓存这些文件，为了在更新的时候能够保证js和css文件能够更新，那么我们需要针对webpack的配置文件进行修改；

打开webpack.prod.conf.js文件进行如下操作

1.增加版本变量（版本号暂时用时间代替）

 
 var 
 Version = 
 new 
 Date(). 
 getTime(); 

2.修改要生成的js和css文件的配置项，把刚刚声明的版本拼接进要生成的文件名中；

 
  output: { 
 
 
  path: 
  config. 
  build. 
  assetsRoot, 
 
 
  filename: 
  utils. 
  assetsPath( 
  'js/[name].[chunkhash].' + 
  Version + 
  '.js'), 
 
 
  chunkFilename: 
  utils. 
  assetsPath( 
  'js/[id].[chunkhash].' + 
  Version + 
  '.js') 
 

   }, 
 

3.执行编译命令npm run build 即可生成带版本号的js和css文件，打开dist目录就可以看到效果了;

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^