vue打包的文件加上版本号

为什么要加版本号？因为有时候打包文件部署上线后发现线上没更新，原因是因为线上环境有缓存，故加上版本号可解决此问题！

在vue.config.js配置：
输出文件名js文件增加版本号：

output: {filename: `js/[name].${Version}.js`,chunkFilename: `js/[name].${Version}.js`},

输出文件名css文件增加版本号：

    css: {// 是否使用css分离插件 ExtractTextPluginextract: {// 修改打包后css文件名   // css打包文件，添加时间戳filename: `css/[name].${version}.css`,   chunkFilename: `css/[name].${version}.css`}},

在vue.config.js文件中module.exports下增加：

实现css、js文件增加版本号解决上线缓存导致改动没更新问题

vue.config.js：

const Version = new Date().getTime() + '-2.0.0.2'
const webpack = require('webpack')
module.exports = {publicPath: './',lintOnSave: false,outputDir: 'dist', // 构建输出目录assetsDir: 'assets', // 静态资源目录 (js, css, img, fonts)css: {    // 是否使用css分离插件 ExtractTextPluginextract: {// 修改打包后css文件名   // css打包文件，添加时间戳filename: `css/[name].${version}.css`,   chunkFilename: `css/[name].${version}.css`}},configureWebpack: {output: {filename: `js/[name].${Version}.js`,chunkFilename: `js/[name].${Version}.js`},plugins: [new webpack.ProvidePlugin({$: 'jquery',jQuery: 'jquery','windows.jQuery': 'jquery'})]},devServer: {disableHostCheck: true,port: 80,proxy: {'/': {target: 'http://192.168.8.8:8888/',changeOrigin: true,ws: false}}}
}

vue打包的文件加上版本号相关推荐

vue打包静态文件名称不加hash值和不修改文件夹结构
背景使用vue脚手架开发前端项目引用了大量的图片,导致每次打包后都有好几百兆的大小,即使改动不涉及一些静态的图片和音频,打包的结果依然会修改静态文件名.如果只更新js文件等,会报引用无效的错误.这是 ...
vue样式中背景图片路径_解决vue打包css文件中背景图片的路径问题
vue-cli写完的静态页面我们在node环境中引入没有问题,但是打包后放在Apache环境下,路径却有问题了如一个简单css语句 .welcome { width: 420px; height: ...
CORDOVA+VUE打包APK文件无法访问数据接口
CORDOVA+VUE打包APK文件无法访问数据接口 CORDOVA+VUE打包后运行APP,但是app中的数据请求都失败了,原因是安装的Android SDK版本较高,默认开启了对非加密明文传输的保 ...
gulp实现打包js/css/img/html文件，并对js/css/img文件加上版本号
参考打包教程: http://www.cnblogs.com/tugenhua0707/p/4069769.html http://www.cnblogs.com/tugenhua0707/p/498 ...
如何修改Vue打包后文件的接口地址配置
1.背景常规的vue项目分为本地环境和生产环境,我们只要对 config 文件夹下的 dev.env.js 和 prod.env.js 做相应的配置即可.但是最近在做的项目中,涉及到私有化部署,就是 ...
vue中请求接口怎么封装公共地址_如何修改Vue打包后文件的接口地址配置(转自网络)...
1.背景常规的vue项目分为本地环境和生产环境,我们只要对 config 文件夹下的 dev.env.js 和 prod.env.js 做相应的配置即可.但是最近在做的项目中,涉及到私有化部署,就是 ...
vue打包js文件混淆加密保护
需求部署到服务器上的vue项目在网页F12之后能看到源码,vue文件啦,js文件啦,都能看到,连我的注释都能看到,这能随便给别人看? 环境 vue 3 vue cli 4 webpack 4 解决方 ...
Vue 打包静态文件路径问题
一.js,css的路径不对方法:找到 config/index.js,将其中的assetsPublicPath值改成'./'css assetsPublicPath:'./' 二.css中引用的图 ...
解决Vue打包文件放在服务器后，浏览器存在缓存问题
因浏览器缓存原因导致vue 打包的文件导致偶尔会出现不能即使更新最新代码.因此在打包的文件名中添加一个版本号以便浏览器能区分. 解决方法:找到webpack .prod.conf.js 1.定义版本 ...

vue打包的文件加上版本号

vue打包的文件加上版本号相关推荐

最新文章

热门文章