vue打包js文件添加hash


背景

YESWEB开发框架中,pc-sub-core模块使用命令npm run build:devlocal生成的js如图所示:

vue打包chunkFilename设置

问题描述

这种文件,本地nugix运行后,如果模块有更新,清空浏览器缓存,很麻烦,

yesweb开发框架 本地开发环境,启动入口是:localhost:8080,core的入口是:localhost:9301

所以,在浏览器页面中ctrl+F5是清理不掉9301的缓存的,因此如果在js文件中增加一个hash值,这样就不用去刷新缓存了

 

解决方案

vue.json.js中 configureWebpack.output中设置

JavaScript 全选
chunkFilename: 'js/[name].[chunkhash:8].js'
vue打包chunkFilename设置
 

配置后,再次打包本地开发环境,就会带上hash

vue打包chunkFilename设置

 

参考:webpack中output配置项中chunkFilename属性的用法 - 向着太阳生 - 博客园 (cnblogs.com)

 

 

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
张国生
上一篇:C#文件流Stream转数组Byte[]失败的解决方案
下一篇:系统Icon图标规范,参考线
评论列表

发表评论

评论内容
昵称:
关联文章

vue打包js文件添加hash
VUE qiankun
vue3+vist 打包空白
VUE Cli3项目添加LESS支持
html+js上传文件
vue vue-clie多环境配置
vs2019+windows服务+nancy+打包
Electron edge.js配置
Python pyinstaller 打包参数说明
C# 利用 SharpZipLib 对多个文本字符串进行多文件打包为RAR或ZIP并进行下载
如何使用webpack打包你的项目
新建vue项目出现error Unexpected ‘debugger‘ statement no-debugger
VUE使用sass提示在sass文件中提示Syntax Error : this.getOptions is not a function
JS清除Input File 的选择文件 javascript清除Input File选择文件
js Copy剪切板
Vue.js中如何限制Props只接受特定数组值:自定义验证方法解析
Microsoft Store 桌面应用发布流程(一)之打包应用
解决VUE发布后因为浏览器缓存造成页面没更新的问题
IIS URL重定向VUE配置
vue-cli4构建build时删除console和debugger

联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码