如何在創建反應應用程序中進行應用程序版本控制？

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