如何在构建期间将环境变量注入React

Question

我目前正在使用Neutrinojs，并且对v8引起的兼容性问题感到不快。解决方案似乎是“使用Neutrino v.9 beta”，但在这种情况下，我在v.8中依赖的许多功能都变得很棘手。

最近对WebPack进行的更改使Neutrino 8变得片状，而且我不得不猴子补丁

这是我要做的任务：

• 将env变量导入React中以获取Auth0客户端ID之类的值
• 自定义html /链接以提取CSS，字体等
• eslint验证代码
• 编写茉莉花测试
• 在构建中包含静态文件/文件夹
• 拥有一个能够响应路由器网址的开发服务器：即localhost:5000/users/bob不会在Neutrino中加载而不会入侵开发服务器。

考虑到我希望“ Not Neutrino”，什么反应构建系统起作用，以及它如何允许您处理/自定义这些功能？

预先感谢 大卫·埃德哈特

我一直在使用Neutrino v.8，但是其中许多任务都需要进行大量自定义，并且尽管站点实际上很小，但它存在间歇性的内存问题。

Answer 1

如果您使用的是CRA（create-react-app），则所有不以REACT_APP_开头的环境变量都将被删除。因此，您需要将环境变量命名为REACT_APP_AUTH0_CLIENT_ID。要注入自定义环境变量，可以使用cross-env或.env文件之类的东西。

更多信息：https://facebook.github.io/create-react-app/docs/adding-custom-environment-variables