vue 中将git信息写入项目中

  1. 需要用到以下两个插件：
git-revision-webpack-plugin
webpack.DefinePlugin 
// DefinePlugin是webpack注入全局变量的插件，通常使用该插件来判别代码运行的环境变量

2.git-revision-webpack-plugin用法：
在vue.config.js中配置

const webpack = require('webpack');
const gitRevision = new GitRevisionPlugin();

plugins.push(...[
  gitRevision,
  new webpack.DefinePlugin({
    'process.env.VERSION': JSON.stringify(gitRevision.version()),
    'process.env.COMMITHASH': JSON.stringify(gitRevision.commithash()),
    'process.env.BRANCH': JSON.stringify(gitRevision.branch()),
  }),
]);

console.log(process.env.VERSION) 
//必须通过这样访问，在项目里面才能看到参数
//仅仅通过process.env是无法看到VERSION的数据
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容