vue-cli创建的项目打包时添加版本号并在页面显示版本号

最新推荐文章于 2024-05-12 21:58:25 发布

敢问

最新推荐文章于 2024-05-12 21:58:25 发布

阅读量1.6k

点赞数

分类专栏： VUE 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_41040445/article/details/124598126

版权

VUE 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

vue-cli3

// vue.config.js 文件
const version = new Date().getTime();
module.exports = {
    chainWebpack(config){
        // 版本号在页面显示
        config.plugin('define').tap(args => {
            args[0]['process.env'].version = JSON.stringify(version);
            return args;
        });
    }
}
// 页面使用
console.log('process.env', process.env.version);

非vue-cli3

// webpack.dev1.config.js文件
module.exports = merge(webpackBaseConfig, {
    plugins：[
        new webpack.DefinePlugin({
            'process.env': env,
            'process.env.MY_VERSION':myversion
        }),
    ]
});
// 页面使用
console.log('版本号 ',process.env.MY_VERSION)