vue打包后更改js文件名称

LennieGao

于 2020-12-17 09:39:02 发布

阅读量4.8k

点赞数 2

分类专栏： vue 文章标签： vue.js html

本文链接：https://blog.csdn.net/weixin_43654258/article/details/111308027

版权

vue 专栏收录该内容

6 篇文章 2 订阅

订阅专栏

好好学习，天天向上。Are you ready?

vue默认打包dist文件(js文件默认名称）

在这里插入图片描述

vue打包后更改js文件名称例如：中间部分加时间戳

在这里插入图片描述

代码奉上

修改vue.config.js

const Timestamp = new Date().getTime();
const name = "vue-demo"; // 标题
module.exports = {
  configureWebpack: {
    name: name,
    output: {
      // 输出重构  打包编译后的 文件名称  【模块名称.版本号.时间戳】
      filename: `js/[name].${Timestamp}.js`,
      chunkFilename: `js/[name].${Timestamp}.js`
    },
    resolve: {
      alias: {
        "@": resolve("src")
      }
    }
  }
}