stub out angular app with webpack 4

src/app/app-routing.module.ts

@@ -0,0 +1,24 @@
+import { NgModule } from '@angular/core';
+import {
+    RouterModule,
+    Routes,
+} from '@angular/router';
+
+import { VaultComponent } from './vault/vault.component';
+
+const routes: Routes = [
+    { path: '', redirectTo: '/vault', pathMatch: 'full' },
+    {
+        path: 'vault',
+        component: VaultComponent,
+    },
+];
+
+@NgModule({
+    imports: [RouterModule.forRoot(routes, {
+        useHash: true,
+        /*enableTracing: true,*/
+    })],
+    exports: [RouterModule],
+})
+export class AppRoutingModule { }

src/app/app.component.ts

@@ -0,0 +1,21 @@
+import {
+    ToasterConfig,
+    ToasterContainerComponent,
+} from 'angular2-toaster';
+import { Angulartics2GoogleAnalytics } from 'angulartics2/ga';
+
+import {
+    Component,
+} from '@angular/core';
+import { Router } from '@angular/router';
+
+@Component({
+    selector: 'app-root',
+    styles: [],
+    template: `
+        <router-outlet></router-outlet>`,
+})
+export class AppComponent {
+    constructor() {
+    }
+}

src/app/app.module.ts

@@ -0,0 +1,32 @@
+import 'core-js';
+import 'zone.js/dist/zone';
+
+import { AppRoutingModule } from './app-routing.module';
+
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { BrowserModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+
+import { AppComponent } from './app.component';
+
+import { VaultComponent } from './vault/vault.component';
+
+@NgModule({
+    imports: [
+        BrowserModule,
+        BrowserAnimationsModule,
+        FormsModule,
+        AppRoutingModule,
+    ],
+    declarations: [
+        AppComponent,
+        VaultComponent,
+    ],
+    entryComponents: [
+
+    ],
+    providers: [],
+    bootstrap: [AppComponent],
+})
+export class AppModule { }

src/app/main.ts

@@ -0,0 +1,11 @@
+import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+// tslint:disable-next-line
+require('../scss/styles.scss');
+
+import { AppModule } from './app.module';
+
+// enableProdMode(); // TODO: if production
+
+platformBrowserDynamic().bootstrapModule(AppModule);

src/app/vault/vault.component.html

@@ -0,0 +1 @@
+<b>The vault!!</b>

src/app/vault/vault.component.ts

@@ -0,0 +1,11 @@
+import {
+    Component,
+} from '@angular/core';
+
+@Component({
+    selector: 'app-vault',
+    templateUrl: 'vault.component.html',
+})
+export class VaultComponent {
+
+}