title: Angular how do you create specific routes only in development mode
body: <p>How do I go about loading certain routes only in development mode. When I build with production mode enabled I want those routes to be disabled.</p>
  
  <p>Does anyone have any good recommendations on how to accomplish this feature?
  For Example, hide the route2 component below if on Development Mode.</p>
  
  <pre><code>    const routes: Routes = [
    {
      path: '',
      component: AdminComponent,
      canActivate: [AuthGuard],
      runGuardsAndResolvers: 'always',
      data: { allowedRoles: ['Role1','Role2'] },
      children: [
        {
          path: '',
          redirectTo: 'dashboard/main',
          pathMatch: 'full'
        },
        {
          path: 'route2',
          loadChildren: './theme/route2/route2.module#route2Module'
        }
      ]
     }
  </code></pre>