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

Question

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

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

标签： reactjsreact-routercreate-react-app

Answer 1

您可以process为此使用变量。

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

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

你可以在这里阅读更多关于它的信息。