Multiple entry point in webpack

Question

I want to use multiple entry point for login like '/user/login' & '/admin/login'. I am bit confused about this. Should I use separate files for this, or IS there any way where I can use multiple entry point using the same file? I am using react.js

Answer 1

React Router 4 is a great router for React that allows you to configure paths like this:

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

You can also use RegEx to simplify:

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