在 Create React App 中使用 React Router 排除生产路线

Posted 2023-02-22

【中文标题】在 Create React App 中使用 React Router 排除生产路线

【英文标题】：Exclude a route for production using React Router within Create React App

【发布时间】：2021-02-28 23:39:55

【问题描述】：

我在 Create React App 中使用 React Router 来处理我的应用导航。除了我的页面，我还有一条仅用于开发以显示样式的路线 (/styles)。我想在构建命令运行时排除这条路线，以便在生产中将其删除。

我目前正在考虑检查环境变量，但有更好的方法吗？

【参考方案1】：

您可以为此使用process 变量。

如果您使用process.env.NODE_ENV === 'development' 包裹该路由器，则在构建过程中这将变为错误并且此路由将被排除，因为process.env.NODE_ENV 是production，并且静态错误语句将被删除。

process.env.NODE_ENV === 'development' && <Route ... />

您可以阅读更多关于它的信息here。

【讨论】：

NODE_ENV 不被视为环境变量吗？

这与我的想法一致，但我只是查看 React Router 和 CRA 的文档，所以谢谢你。