Added DLL plugin and @angularclas/webpack-tool kit for some pun plans to use.

Author: TheLarkInn

addon/ng2/commands/init.js

@@ -7,6 +7,7 @@ var validProjectName = require('ember-cli/lib/utilities/valid-project-name');
 var normalizeBlueprint = require('ember-cli/lib/utilities/normalize-blueprint-option');
 var GitInit = require('../tasks/git-init');
 var LinkCli = require('../tasks/link-cli');
+var BuildWebpackDll = require('../tasks/build-webpack-dll');
 
 module.exports = Command.extend({
   name: 'init',
@@ -50,6 +51,12 @@ module.exports = Command.extend({
       project: this.project
     });
 
+    var buildWebpackDll = new BuildWebpackDll({
+      ui: this.ui,
+      analytics: this.analytics,
+      project: this.project
+    });
+
     // needs an explicit check in case it's just 'undefined'
     // due to passing of options from 'new' and 'addon'
     if (commandOptions.skipGit === false) {
@@ -93,7 +100,7 @@ module.exports = Command.extend({
 
       return Promise.reject(new SilentError(message));
     }
-    
+
     var blueprintOpts = {
       dryRun: commandOptions.dryRun,
       blueprint: commandOptions.blueprint || this._defaultBlueprint(),
@@ -141,6 +148,12 @@ module.exports = Command.extend({
             verbose: commandOptions.verbose
           });
         }
+      })
+      .then(function() {
+        return buildWebpackDll.run({
+          verbose: commandOptions.verbose,
+          optional: false
+        })
       });
   }
 });

addon/ng2/models/webpack-build-dll.ts

@@ -0,0 +1,92 @@
+
+var webpack = require('webpack');
+var path = require('path');
+
+
+// Webpack Config
+var webpackConfig = {
+  devtool: "#source-map",
+  entry: {
+    'angular2polyfills': [
+      'ie-shim',
+      'core-js/es6/symbol',
+      'core-js/es6/object',
+      'core-js/es6/function',
+      'core-js/es6/parse-int',
+      'core-js/es6/parse-float',
+      'core-js/es6/number',
+      'core-js/es6/math',
+      'core-js/es6/string',
+      'core-js/es6/date',
+      'core-js/es6/array',
+      'core-js/es6/regexp',
+      'core-js/es6/map',
+      'core-js/es6/set',
+      'core-js/es6/weak-map',
+      'core-js/es6/weak-set',
+      'core-js/es6/typed',
+      'core-js/es6/reflect',
+      // 'core-js/es6/promise', // problem with firefox
+      'core-js/es7/reflect',
+      'zone.js/dist/zone',
+      'zone.js/dist/long-stack-trace-zone',
+    ],
+    'angular2vendor': [
+      '@angular/platform-browser',
+      '@angular/platform-browser-dynamic',
+      '@angular/core',
+      '@angular/common',
+      '@angular/forms',
+      '@angular/http',
+      '@angular/router',
+    ]
+  },
+
+  output: {
+    path: './dist',
+    filename: 'dll.[name].[hash].bundle.js',
+    sourceMapFilename: '[name].map',
+    chunkFilename: '[id].chunk.js',
+    library: '__DLL_[name]',
+  },
+
+
+  plugins: [
+    new webpack.DllPlugin({
+      name: '[vendor]',
+      path: 'dist/vendor-manifest.json',
+    }),
+    new webpack.DllPlugin({
+      name: 'polyfills',
+      path: 'dist/polyfills-manifest.json',
+    }),
+  ],
+
+  module: {
+      preLoaders: [
+      {
+        test: /\.js$/,
+        loader: 'source-map-loader',
+        exclude: [
+          // these packages have problems with their sourcemaps
+          path.resolve(__dirname, 'node_modules', 'rxjs'),
+          path.resolve(__dirname, 'node_modules', '@angular'),
+          path.resolve(__dirname, 'node_modules', '@ngrx'),
+          path.resolve(__dirname, 'node_modules', '@angular2-material'),
+        ]
+      }
+
+    ],
+    loaders: [
+    ]
+  },
+
+  node: {
+    global: 'window',
+    crypto: 'empty',
+    module: false,
+    clearImmediate: false,
+    setImmediate: false
+  }
+
+};

addon/ng2/models/webpack-build-vendors.ts

@@ -0,0 +1,43 @@
+import * as Promise from 'ember-cli/lib/ext/promise';
+import * as Task from 'ember-cli/lib/models/task';
+import * as chalk from 'chalk';
+import * as webpack from 'webpack';
+import * as webpackToolkit from '@angularclass/webpack-toolkit';
+
+const ProgressPlugin  = require('webpack/lib/ProgressPlugin');
+const config = webpackToolkit.webpackConfig;
+
+let lastHash: any = null;
+module.exports = Task.extend({
+  run: (runTaskOptions: ServeTaskOptions) => {
+    let ui = this.ui;
+    let config = webpackDllConfi
+
+    const webpackCompiler = webpack(config);
+
+    webpackCompiler.apply(new ProgressPlugin({
+      profile: true
+    }));
+
+    return new Promise((resolve, reject) => {
+      webpackCompiler.run((err, stats) => {
+        // Don't keep cache
+        // TODO: Make conditional if using --watch
+        webpackCompiler.purgeInputFileSystem();
+
+        if(err) {
+          lastHash = null;
+          console.error(err.stack || err);
+          if(err.details) console.error(err.details);
+            reject(err.details);
+        }
+
+        if(stats.hash !== lastHash) {
+          lastHash = stats.hash;
+          process.stdout.write(stats.toString(webpackOutputOptions) + "\n");
+        }
+        resolve();
+      });
+    });
+  }
+});

addon/ng2/tasks/build-webpack-dll.ts

@@ -31,6 +31,7 @@
   "homepage": "https://github.com/angular/angular-cli",
   "dependencies": {
     "@angular/compiler-cli": "^0.2.0",
+    "@angularclass/webpack-toolkit": "^1.0.1",
     "@types/webpack": "^1.12.22-alpha",
     "angular2-template-loader": "^0.4.0",
     "awesome-typescript-loader": "^2.0.0-rc.3",