vue npm run build 打包项目

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

vue npm run build 打包项目

船长在船上   2022-09-28 我要评论

在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页面添加

<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">

这样添加会导致了用户每次访问你的程序时都要重新请求服务器,所有的静态资源都无法用缓存了,浪费流量,网络压力变大。

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们