首先在src根目录下新创建一个vue.config.js文件,
其次在configureWebpack: config => {}里面添加时间戳,
这样每次打包生产的js文件就会自动添加 【模块名称.版本号.时间戳】
在该文件里面配置这段核心的 代码,完整的代码如:
function resolve(dir) {
return path.join(__dirname, dir)
}
const Timestamp = new Date().getTime(); //当前时间为了防止打包缓存不刷新,所以给每个js文件都加一个时间戳
module.exports = {
// 项目部署的基础路径
// 我们默认假设你的应用将会部署在域名的根部,
baseUrl: '/',
// 将构建好的文件输出到哪里
outputDir: 'dist',
// 放置静态资源的地方 (js/css/img/font/...)
// assetsDir: '',
lintOnSave: false,
// 使用带有浏览器内编译器的完整构建版本
// babel-loader 默认会跳过 node_modules 依赖。
// 通过这个选项可以显式转译一个依赖。
transpileDependencies: [/* string or regex */],
// 是否为生产环境构建生成 source map?
productionSourceMap: false,
// 调整内部的 webpack 配置。
// 查阅 https://github.com/vuejs/vue-docs-zh-cn/blob/master/vue-cli/webpack.md
chainWebpack: () => { },
//configureWebpack 这部分打包文件添加时间戳,