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} vue项目如何全局获取jenkiens参数
  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...
});
上一篇:new webpack 的 DefinePlugin 与 ProvidePlugin


下一篇:0基础java入门:第二十七节.标准Javabean的封装与使用。