用webpack给js添加上版本号

在网上查找了很多的资料。
都没有好的资源
因为我现在在项目是vuecli3.0
需要自己去创建文件

在项目的根目录下,创建一个文件vue.config.js

然后在该文件下写

const webpack = require("webpack");
const path = require("path");
const Timestamp = "lh";
module.exports = {
  baseUrl: process.env.NODE_ENV === "production" ? "./" : "./",
  chainWebpack: (config) => {
    config.resolve.alias.set("@", path.resolve(__dirname, "./src"));
  },
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
        "windows.jQuery": "jquery",
      }),
    ],
    //https://blog.csdn.net/weixin_33948416/article/details/93617678
    // 输出重构  打包编译后的 文件名称  【模块名称.版本号】
    output: {
      filename: `[name].${Timestamp}.js`, //指定打包好的文件的名称叫什么名字
      chunkFilename: `[name].${Timestamp}.js`,
    },
  },
  lintOnSave: undefined,
  devServer: {},
};

重点是这一块

你npm run build一下
就会出现自己添加的版本号

但是怎么给css添加版本号 我也不知道

posted @ 2020-04-19 22:05  南风晚来晚相识  阅读(386)  评论(0)    收藏  举报