buildversion
是一个 npm 包,它可以为前端项目生成一个构建版本号,以便于版本管理和部署。这个包的使用方法很简单,只需要在项目中安装它,并在构建时生成版本号即可。
安装
你可以使用 npm 安装这个包。
npm install --save-dev buildversion
使用
在项目的构建脚本(比如 package.json
中的 build
命令)中,加入如下代码:
buildversion
这样就可以在每次构建时生成一个版本号,并将它输出到 process.env.BUILD_VERSION
变量中。
生成方式
buildversion
默认采用 “更改历史中最后一次提交的 Git SHA” 作为版本号的方式。你也可以传入一个自定义的版本号:
buildversion 1.2.3
这样就会生成一个版本号为 1.2.3
的构建版本。
在代码中使用
在代码中使用 process.env.BUILD_VERSION
变量,即可获取当前构建的版本号。
console.log(process.env.BUILD_VERSION);
输出类似于下面的结果:
72de7f9
示例代码
假设你有一个使用了 buildversion
包的 React 项目,你可以这样在 package.json
中定义你的 build
命令:
{ "scripts": { "start": "react-scripts start", "build": "react-scripts build && buildversion", "test": "react-scripts test", "eject": "react-scripts eject" } }
然后在 React 组件中使用 process.env.BUILD_VERSION
:
-- -------------------- ---- ------- ------ ----- ---- -------- -------- ----- - ------ - ----- -------- -- -- ----- -------- -------- -------- ------------------------------- ------ -- - ------ ------- ----展开代码
当你构建你的应用时,你会得到一个版本号,并在你的页面中看到它:
This is my React app Build version: 72de7f9
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066c8eccdc64669dde5620