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

Posted

技术标签:

【中文标题】在 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_ENVproduction,并且静态错误语句将被删除。

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

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

【讨论】:

NODE_ENV 不被视为环境变量吗? 这与我的想法一致,但我只是查看 React Router 和 CRA 的文档,所以谢谢你。

以上是关于在 Create React App 中使用 React Router 排除生产路线的主要内容,如果未能解决你的问题,请参考以下文章