Webpack中的多个入口点

Question

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

Answer 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>