feat: source

Author: PatrickJS

src/app/_helpers/ng-module.ts

@@ -0,0 +1,29 @@
+
+export function exportNgModules(config) {
+  if (!config || !config.ngModules) return config;
+  // mutate
+  config.ngModules.forEach(ngModule => {
+    if (hasPropAndValues(ngModule, 'routes'))
+      mergeConfigs(config, ngModule, 'routes')
+
+    if (hasPropAndValues(ngModule, 'directives'))
+      mergeConfigs(config, ngModule, 'directives')
+
+    if (hasPropAndValues(ngModule, 'pipes'))
+      mergeConfigs(config, ngModule, 'pipes')
+
+    if (hasPropAndValues(ngModule, 'providers'))
+      mergeConfigs(config, ngModule, 'providers')
+
+  });
+
+  return config;
+}
+
+export function mergeConfigs(config, ngModule, prop) {
+  config[prop] = [].concat(config[prop], ngModule[prop]).filter(mod => Boolean(mod));
+}
+
+export function hasPropAndValues(config, prop) {
+  return config[prop] !== undefined && Array.isArray(config[prop]) && config[prop].length;
+}

src/app/about/about.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  template: `
+    About
+  `
+})
+export class About {
+  constructor() {
+  }
+}

src/app/about/index.ts

@@ -0,0 +1,12 @@
+import {exportNgModules} from '../_helpers/ng-module';
+
+import {About} from './about';
+
+export * from './about';
+export default exportNgModules({
+  entryComponent: About,
+  routes: [],
+  directives: [],
+  providers: [],
+  pipes: []
+});

src/app/app.html

@@ -0,0 +1,16 @@
+<navbar>
+  <h1>Hello Angular 2 and Webpack 2</h1>
+</navbar>
+
+<main>
+  <a href="#" [routerLink]="['']">Home</a>
+  <a href="#" [routerLink]="['about']">About</a>
+  <a href="#" [routerLink]="['yolo']">Yolo</a>
+  <reactive></reactive>
+
+  <div>Your Content Here</div>
+  <router-outlet></router-outlet>
+
+</main>
+
+<footer>AngularClass</footer>

src/app/app.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+
+@Component({})
+export class App {
+  constructor() {
+    console.log('Hello Angular 2 Webpack 2');
+  }
+}
+