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>

webpack 中的多个入口点

Multiple entry point in webpack

javascript

reactjs

entry-point