vue项目如何全局获取jenkiens参数
问题场景:
提示:这里简述项目相关背景:
例如:项目场景:在vue项目接入sentry监控系统的时候,想让release版本号随着需求迭代版本命名,那这时候就需要获取jenkins构建时选取的分支名(分支名都是按照版本迭代命名的,例如:release-1.6.0)
问题描述:
在用shell语言–branch=${Branch}传递参数时, 项目里面只在webpack.prod.conf.js可以获取值,其他地方获取,例如main.js
- 在shell文件可以使用npm run build时会带一些参数变量:–branch=${Branch}
- 如此我们便可以很方便地使用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...
});