vue项目如何全局获取jenkiens参数

vue项目如何全局获取jenkiens参数

• 问题场景：
• 问题描述：
• 原因分析：
• 解决方案：

问题场景：

提示：这里简述项目相关背景：
例如：项目场景：在vue项目接入sentry监控系统的时候，想让release版本号随着需求迭代版本命名，那这时候就需要获取jenkins构建时选取的分支名（分支名都是按照版本迭代命名的，例如：release-1.6.0）

---

问题描述：

在用shell语言–branch=${Branch}传递参数时， 项目里面只在webpack.prod.conf.js可以获取值，其他地方获取，例如main.js

1. 在shell文件可以使用npm run build时会带一些参数变量：–branch=${Branch}

   

2. 如此我们便可以很方便地使用npm_config获取参数了~ 加上环境变量就是酱紫process.env.npm_config_branch
   如此便可以在webpack.prod.conf.js获取参数了

原因分析：

branch参数是在编译时候产生的，依赖与node.js。而客户端是没有node.js

---

解决方案：

使用DefinePlugin插件

DefinePlugin
允许创建一个在编译时可以配置的全局常量。这可能会对开发模式和生产模式的构建允许不同的行为非常有用。如果在开发构建中，而不在发布构建中执行日志记录，则可以使用全局常量来决定是否记录日志。这就是
DefinePlugin 的用处，设置它，就可以忘记开发环境和生产环境构建的规则。

在webpack.prod.conf.js

new webpack.DefinePlugin({
  // DeFinitions...
});