如何在创建反应应用程序中进行应用程序版本控制？

Question

我需要在页脚中以xyz格式显示我的 react 应用程序的版本。

如果我想增加x或y或z ，我需要在每次部署应用程序时增加这个版本。

我如何实现这一目标？ :)

Answer 1

要提高应用程序的版本，您可以使用npm version 。

例如：

npm version minor

Answer 2

您可以使用grunt-bump来处理您的应用程序版本控制。 至于显示您的应用程序版本，请参阅有没有办法在 nodejs 代码中从 package.json 获取版本？ .

Answer 3

我认为@Bertrand P 或@VulfCompressor 的答案并不能说明全部情况。 我使用了 genversion https://www.npmjs.com/package/genversion 。 我做的步骤是：

1. npm install genversion --save-dev
2. 将package.json的构建脚本修改为genversion --es6 src/autobuild_version.js && react-scripts build （我想不出一种方法来从 genversion 文档中建议的lib目录导入生成的模块，所以我有将其放在src目录中）
3. 在 React 应用程序中， import { version } from './autobuild_version'并根据需要使用
4. 将src/autobuild_version.js添加到.gitignore （其他源代码控制工具可用）
5. npm run build

Answer 4

一旦你有办法在 package.json 中修改版本（例如npm version ，正如@bertrand-p 所建议的那样），你就可以将版本分配给一个环境变量。 例如，在.env您可以设置：

REACT_APP_VERSION=$npm_package_version

然后您可以通过process.env.REACT_APP_VERSION从您的应用程序中访问该变量。

另见： https : //github.com/facebook/create-react-app/issues/2466#issuecomment-357490359