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

Exclude a route for production using React Router within Create React App

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

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

您可以为此使用 process 变量。

如果你用 process.env.NODE_ENV === 'development' 包装那个路由器,这将在构建过程中变为 false 并且这条路由将被排除,因为 process.env.NODE_ENVproduction 并且静态 false 语句将被删除。

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

您可以阅读更多相关信息 here