您现在的位置是:网站首页> 编程资料编程资料
vue项目 npm run build 打包项目防止浏览器缓存的操作方法_vue.js_
2023-05-24
315人已围观
简介 vue项目 npm run build 打包项目防止浏览器缓存的操作方法_vue.js_
在vue.config.js配置
推荐方法1:
const Timestamp = new Date().getTime() module.exports = { ...... configureWebpack: config => { config.output.filename = `js/[name].${Timestamp}.js` config.output.chunkFilename = `js/[name].${Timestamp}.js` }, ...... css: { ...... extract: { filename: `css/[name].${Timestamp}.css`, chunkFilename: `css/[name].${Timestamp}.css` } ...... } }

方法2:index.html页面添加
这样添加会导致了用户每次访问你的程序时都要重新请求服务器,所有的静态资源都无法用缓存了,浪费流量,网络压力变大。
到此这篇关于vue项目 npm run build 打包项目防止浏览器缓存的操作方法的文章就介绍到这了,更多相关vue npm run build 打包项目内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
您可能感兴趣的文章:
相关内容
- Node交互式的SFTP上传实现过程剖析_node.js_
- 如何手动销毁Vue中挂载的组件_vue.js_
- vue实现自定义组件挂载原型上_vue.js_
- NPM配置私服构建内网中央仓库过程详解_node.js_
- vue3如何自定义js文件(插件或配置)_vue.js_
- vue3自定义组件之v-model实现父子组件双向绑定_vue.js_
- vue自定义加载指令v-loading占位图指令v-showimg_vue.js_
- vue3点击出现弹窗后背景变暗且不可操作的实现代码_vue.js_
- 三种在ES6中将非数组转换为数组的方法详情_javascript技巧_
- vue性能优化之cdn引入vue-Router的问题_vue.js_
