Seperate electron and web target building

web/src/main-app/index.ts

@@ -0,0 +1,2 @@
+export * from './main-app.component';
+export * from './main-app.routes';

web/src/main-app/main-app.component.ts

@@ -0,0 +1,9 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+
+@Component({
+    selector: 'main-app',
+    template: require('../shared/main-app/main-app.component.html'),
+    styles: [require('../shared/main-app/main-app.component.scss')],
+    encapsulation: ViewEncapsulation.None
+})
+export class MainAppComponent { }

web/src/main-app/main-app.routes.ts

@@ -0,0 +1,18 @@
+import { ModuleWithProviders } from '@angular/core';
+import { RouterModule, Routes }  from '@angular/router';
+
+import { addOnRoutes } from '../shared/components/add-on';
+import { keymapRoutes } from '../components/keymap';
+import { macroRoutes } from '../shared/components/macro';
+import { settingsRoutes } from '../shared/components/settings';
+
+const appRoutes: Routes = [
+    ...keymapRoutes,
+    ...macroRoutes,
+    ...addOnRoutes,
+    ...settingsRoutes
+];
+
+export const appRoutingProviders: any[] = [ ];
+
+export const routing: ModuleWithProviders =  RouterModule.forRoot(appRoutes, { useHash: true });