Vue-cli3.0怎么修改打包后的js文件名

最新推荐文章于 2023-10-09 15:31:04 发布

前端先疯队

最新推荐文章于 2023-10-09 15:31:04 发布

阅读量5.5k

点赞数

分类专栏：前端基础文章标签：前端

本文链接：https://blog.csdn.net/checkmate_room/article/details/103823229

版权

前端基础专栏收录该内容

22 篇文章 0 订阅

订阅专栏

场景:每次发布完代码之后，浏览器缓存严重，会导致之前解决的部分问题不体现。

方法：使用webpack配置

文件：vue.config.js

const TimeStamp = new Date().getTime();
// const MiniCssExtractPlugin = require('mini-css-extract-plugin');

function resolve (dir) {
  return path.join(__dirname, dir)
}

// vue.config.js
module.exports = {
  configureWebpack: {
    output: { // 输出重构  打包编译后的 文件名称  【模块名称.版本号.js】
      filename: `js/[name].${TimeStamp}.js`,
      chunkFilename: `js/[name].${TimeStamp}.js`
    },

解决方法:在每次打包后的js文件名中加入时间戳。