在开发中,我希望能够从网络上查看构建信息(git 提交哈希、作者、最后提交消息等)。我努力了:
- 使用child_process执行git命令行,并读取结果(由于浏览器环境不起作用)
- 期间生成 buildInfo.txt 文件
npm build
并从文件中读取(不起作用,因为 fs 在浏览器环境中也不可用)
- 使用外部库,例如“git-rev”
唯一剩下要做的似乎就是做npm run eject
并申请https://www.npmjs.com/package/git-revision-webpack-plugin https://www.npmjs.com/package/git-revision-webpack-plugin,但我真的不想退出 create-react-app。有人有什么想法吗?
稍微切线(不需要弹出并在开发中工作),
这可能对其他希望将当前 git commit SHA 作为元标记添加到 index.html 中的人有帮助,方法是添加:
REACT_APP_GIT_SHA=`git rev-parse --short HEAD`
到 package.json 中的构建脚本,然后添加(注意它必须以 REACT_APP 开头...否则它将被忽略):
<meta name="ui-version" content="%REACT_APP_GIT_SHA%">
进入公共文件夹中的index.html。
在 React 组件中,这样做:
<Component>{process.env.REACT_APP_GIT_SHA}</Component>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)