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

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

问题场景:

在vue项目接入sentry监控系统的时候,想让release版本号随着需求迭代版本命名,那这时候就需要获取jenkins构建时选取的分支名(分支名都是按照版本迭代命名的,例如:release-1.6.0)


问题描述:

在用shell语言–branch=${Branch}传递参数时, 项目里面只在webpack.prod.conf.js通过process.env获取值,其他地方获取不到,例如main.js

  1. 在shell文件可以使用npm run build时会带一些参数变量:–branch=${Branch} 在这里插入图片描述
  2. 如此我们便可以很方便地使用npm_config获取参数了~ 加上环境变量就是酱紫process.env.npm_config_branch
    如此便可以在webpack.prod.conf.js获取参数了

原因分析:

因为process.env是node环境的变量,打包后,客户端不存在node.js,所以拿不到


解决方案:

使用DefinePlugin插件

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

在webpack.prod.conf.js

new webpack.DefinePlugin({
  // Definitions...
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值