Experimental testing with material 2

Author: TheLarkInn

addon/ng2/models/dist/dll/dll.polyfills.js

@@ -5,18 +5,30 @@ const path = require('path');
 const ForkCheckerPlugin = require('awesome-typescript-loader').ForkCheckerPlugin;
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const DebugWebpackPlugin = require('debug-webpack-plugin');
 
 export const webpackCommonConfig = {
   devtool: 'inline-source-map',
   resolve: {
     extensions: ['', '.ts', '.js'],
-    root: ngAppResolve('./src')
+    //SAVE: TODO# Don't use relative bp
+    root: ngAppResolve('/src/demo-app'),
+    alias: {
+      "@angular2-material/core": ngAppResolve('./src/core'),
+      "@angular2-material": ngAppResolve('./src/components')
+    }
   },
+  debug: true,
   context: path.resolve(__dirname, './'),
+  //SAVE entry: {
+  //   main: [ngAppResolve('./src/main.ts')],
+  //   vendor: ngAppResolve('./src/vendor.ts'),
+  //   polyfills: ngAppResolve('./src/polyfills.ts')
+  // },
   entry: {
-    main: [ngAppResolve('./src/main.ts')],
-    vendor: ngAppResolve('./src/vendor.ts'),
-    polyfills: ngAppResolve('./src/polyfills.ts')
+    main: [ngAppResolve('./src/demo-app/main.ts')],
+    // core: ngAppResolve('./src/core/core.ts'),
+    // main: ngAppResolve('./src/e2e-app/main.ts')
   },
   output: {
     path: ngAppResolve('./dist'),
@@ -40,12 +52,13 @@ export const webpackCommonConfig = {
           {
             loader: 'awesome-typescript-loader',
             query: {
-              useWebpackText: true,
-              tsconfig: ngAppResolve('./src/tsconfig.json'),
-              resolveGlobs: false,
+              // useWebpackText: true,
+              tsconfig: ngAppResolve('./src/demo-app/tsconfig.json'),
+              // SAVE tsconfig: ngAppResolve('./src/tsconfig.json'),
+              // resolveGlobs: false,
               module: "es2015",
               target: "es5",
-              library: 'es6',
+              // library: 'es6',
               useForkChecker: true
             }
           },
@@ -65,21 +78,46 @@ export const webpackCommonConfig = {
     ]
   },
   plugins: [
+    new CopyWebpackPlugin([
+      {from: ngAppResolve('./src/core'), to: ngAppResolve('./dist/core')}
+      {from: ngAppResolve('./src/components'), to: ngAppResolve('./dist/components')}
+    ]),
+    new DebugWebpackPlugin({
+      // Defaults to ['webpack:*'] which can be VERY noisy, so try to be specific
+      // scope: [
+      //   'webpack:compiler:*', // include compiler logs
+      //   'webpack:plugin:ExamplePlugin' // include a specific plugin's logs
+      // ],
+
+      // // Inspect the arguments passed to an event
+      // // These are triggered on emits
+      // listeners: {
+      //   'webpack:compiler:run': function(compiler) {
+      //     // Read some data out of the compiler
+      //   }
+      // },
+      // Defaults to the compiler's setting
+      debug: true;
+    })
     new ForkCheckerPlugin(),
+    //SAVE new HtmlWebpackPlugin({
+    //   template: ngAppResolve('src/index.html'),
+    //   chunksSortMode: 'dependency'
+    // }),
     new HtmlWebpackPlugin({
-      template: ngAppResolve('src/index.html'),
-      chunksSortMode: 'dependency'
-    }),
-    new webpack.optimize.CommonsChunkPlugin({
-      name: ['polyfills', 'vendor'].reverse()
-    }),
-    new webpack.optimize.CommonsChunkPlugin({
-      minChunks: Infinity,
-      name: 'inline',
-      filename: 'inline.js',
-      sourceMapFilename: 'inline.map'
+      template: ngAppResolve('./src/demo-app/index.html'),
     }),
-    new CopyWebpackPlugin([{from: ngAppResolve('./public'), to: ngAppResolve('./dist/public')}])
+    // new webpack.optimize.CommonsChunkPlugin('core'),
+    //SAVE new webpack.optimize.CommonsChunkPlugin({
+    //   name: ['polyfills', 'vendor'].reverse()
+    // }),
+    // new webpack.optimize.CommonsChunkPlugin({
+    //   minChunks: Infinity,
+    //   name: 'inline',
+    //   filename: 'inline.js',
+    //   sourceMapFilename: 'inline.map'
+    // })
+    // new CopyWebpackPlugin([{from: ngAppResolve('./public'), to: ngAppResolve('./dist/public')}])
   ],
   node: {
     global: 'window',

addon/ng2/models/dist/dll/dll.vendor.js

@@ -43,7 +43,7 @@ export const webpackProdConfig = webpackMerge(webpackCommonConfig, {
   tslint: {
     emitErrors: true,
     failOnHint: true,
-    resourcePath: ngAppResolve('./src')
+    resourcePath: ngAppResolve('./src/demo-app')
   },
   htmlLoader: {
     minimize: true,

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

@@ -42,6 +42,7 @@
     "copy-webpack-plugin": "^3.0.1",
     "core-js": "^2.4.0",
     "css-loader": "^0.23.1",
+    "debug-webpack-plugin": "^0.1.0",
     "ember-cli": "2.5.0",
     "ember-cli-string-utils": "^1.0.0",
     "exit": "^0.1.2",