webpack中的多个入口点

时间:2018-04-22 08:42:05

标签: javascript reactjs entry-point

我想使用多个入口点进行登录,例如'/user/login'& '/admin/login'。我对此感到有点困惑。我应该为此使用单独的文件,还是在那里我可以使用同一个文件使用多个入口点?我正在使用 react.js

1 个答案:

答案 0 :(得分:1)

React Router 4是React的绝佳路由器,允许您配置如下路径:

<BrowserRouter>
  <Switch>
    <Route path="/user/login" component={LoginComponent} />
    <Route path="/admin/login" component={LoginComponent} />
    <Route path="/blueberry/login" component={LoginComponent} />
    <Route path="/user/signin" component={LoginComponent} />
    <Route path="/admin/signin" component={LoginComponent} />
    <Route path="/blueberry/signin" component={LoginComponent} />
  </Switch>
</BrowserRouter>

您还可以使用RegEx来简化:

<BrowserRouter>
  <Switch>
    <Route
      path="/(user|admin|blueberry)/(login|signin)"
      component={LoginComponent} />
  </Switch>
</BrowserRouter>