alpha 9 with typescript 2.1 + awesome-typescript-loader 3 beta

Author: Ks89

README.md

@@ -12,6 +12,7 @@ I share this with you as it is.
 I'll update this project in the future and I'll change the name to another one when Angular4 will be released.
 
 ## News
+- *01/30/2017* - Alpha 9 - Check [HERE](https://github.com/Ks89/Angular2-webpack2-skeleton/releases)
 - *01/28/2017* - Alpha 8 - Check [HERE](https://github.com/Ks89/Angular2-webpack2-skeleton/releases)
 - *01/22/2017* - Alpha 7 - Check [HERE](https://github.com/Ks89/Angular2-webpack2-skeleton/releases)
 - *01/21/2017* - Alpha 6 - Check [HERE](https://github.com/Ks89/Angular2-webpack2-skeleton/releases)
@@ -20,6 +21,10 @@ I'll update this project in the future and I'll change the name to another one w
 
 ## Changelog
 
+#### Alpha 8
+- typescript 2.1
+- awesome-typescript-loader 3.0.0 beta
+
 #### Alpha 8
 - improve npm scripts names #15
 - remove ./node_modules/.bin from npm scripts #13

config/webpack.common.js

@@ -16,6 +16,7 @@ const InlineManifestWebpackPlugin  = require('inline-manifest-webpack-plugin');
 const autoprefixer                 = require('autoprefixer');
 const ChunkManifestPlugin          = require('chunk-manifest-webpack-plugin');
 const ngcWebpack                   = require('ngc-webpack');
+const CheckerPlugin                = require('awesome-typescript-loader').CheckerPlugin;
 
 const helpers                      = require('./helpers');
 const TITLE                        = 'My MEAN Website';
@@ -26,6 +27,7 @@ const TEMPLATE_HTML                = 'index.html';
 const TEMPLATE_ADMIN_HTML          = 'admin.html';
 
 const AOT                          = helpers.hasNpmFlag('aot');
+const TS_CONFIG                    = AOT ? 'tsconfig-aot.json' : 'tsconfig.json';
 
 module.exports = {
   entry: {
@@ -59,36 +61,11 @@ module.exports = {
               aot: AOT
             }
           },
-          'awesome-typescript-loader?{configFileName: "tsconfig-aot.json"}',
+          `awesome-typescript-loader?{configFileName: "${TS_CONFIG}"}`,
           'angular2-template-loader'
         ],
         exclude: [/\.(spec|e2e)\.ts$/]
       },
-
-
-      // {
-      //   test: /\.ts$/,
-      //   loaders: 'awesome-typescript-loader',
-      //   query: {
-      //     forkChecker: true
-      //   },
-      //   exclude: [/\.(spec|e2e)\.ts$/]
-      // },
-      // {
-      //   test: /\.ts$/,
-      //   loaders: [
-      //     'angular2-template-loader',
-      //     '@angularclass/hmr-loader'
-      //   ],
-      //   exclude: [/\.(spec|e2e)\.ts$/]
-      // },
-      // {
-      //   test: /\.ts$/,
-      //   loaders: [
-      //     'angular-router-loader' // lazy Loading
-      //   ],
-      //   exclude: [/\.(spec|e2e)\.ts$/]
-      // },
       {
         test: /\.html$/,
         loader: 'raw-loader'
@@ -131,6 +108,7 @@ module.exports = {
       /@angular\/\*\*\/bundles\//]
   },
   plugins: [
+    new CheckerPlugin(),
     new NamedModulesPlugin(),
     new ManifestPlugin(),
     new InlineManifestWebpackPlugin(), // TODO check if I can remove this

config/webpack.dev.js

@@ -7,7 +7,6 @@ const HotModuleReplacementPlugin = require('webpack/lib/HotModuleReplacementPlug
 const BrowserSyncPlugin     = require('browser-sync-webpack-plugin');
 const webpackMerge          = require('webpack-merge');
 const ExtractTextPlugin     = require('extract-text-webpack-plugin');
-const { ForkCheckerPlugin } = require('awesome-typescript-loader');
 
 const commonConfig          = require('./webpack.common');
 const helpers               = require('./helpers');
@@ -49,7 +48,6 @@ module.exports = webpackMerge(commonConfig, {
     publicPath: '/'
   },
   plugins: [
-    new ForkCheckerPlugin(),
     new HotModuleReplacementPlugin(),
     new ExtractTextPlugin({
       filename: '[name].css',

package.json

@@ -1,6 +1,6 @@
 {
   "name": "Angular-webpack2-skeleton",
-  "version": "1.0.0-alpha.8",
+  "version": "1.0.0-alpha.9",
   "author": "Stefano Cappa",
   "description": "Angular skeleton with webpack2",
   "license": "Apache-v2",
@@ -14,22 +14,17 @@
   },
   "scripts": {
     "start": "webpack-dev-server --progress --port 8080",
-
     "prebuild": "npm run clean-build",
     "build:dev": "webpack --config config/webpack.dev.js --colors --progress --display-error-details --display-cached --profile",
     "build:prod": "webpack --config config/webpack.prod.js --colors --progress --display-error-details --display-cached --profile",
     "build:prod:aot": "webpack --config config/webpack.prod.js --colors --progress --display-error-details --display-cached --profile",
-
     "clean": "npm run clean-build && npm run clean-ngc && npm run clean-coverage",
     "clean-build": "rimraf ../My-MEAN-website-server/dist",
     "clean-coverage": "rimraf coverage",
-
     "tslint": "tslint",
     "lint": "npm run tslint \"src/**/*.ts\"",
-
     "pretest": "npm run clean-coverage",
     "test": "karma start --single-run",
-
     "pree2e": "npm run webdriver:update -- --standalone",
     "e2e:live": "npm run e2e -- --elementExplorer",
     "e2e": "npm run e2e:only",
@@ -38,22 +33,21 @@
     "webdriver-manager": "webdriver-manager",
     "webdriver:start": "npm run webdriver-manager start",
     "webdriver:update": "npm run webdriver-manager update",
-
     "coveralls": "coveralls < coverage/lcov.info",
     "codeclimate": "codeclimate-test-reporter < coverage/lcov.info",
     "next-update": "next-update -k true --tldr"
   },
   "dependencies": {
-    "@angular/common": "^4.0.0-beta.5",
-    "@angular/compiler": "^4.0.0-beta.5",
-    "@angular/compiler-cli": "^4.0.0-beta.5",
-    "@angular/core": "^4.0.0-beta.5",
-    "@angular/forms": "^4.0.0-beta.5",
-    "@angular/http": "^4.0.0-beta.5",
-    "@angular/platform-browser": "^4.0.0-beta.5",
-    "@angular/platform-browser-dynamic": "^4.0.0-beta.5",
-    "@angular/platform-server": "^4.0.0-beta.5",
-    "@angular/router": "^4.0.0-beta.5",
+    "@angular/common": "^2.4.5",
+    "@angular/compiler": "^2.4.5",
+    "@angular/compiler-cli": "^2.4.5",
+    "@angular/core": "^2.4.5",
+    "@angular/forms": "^2.4.5",
+    "@angular/http": "^2.4.5",
+    "@angular/platform-browser": "^2.4.5",
+    "@angular/platform-browser-dynamic": "^2.4.5",
+    "@angular/platform-server": "^2.4.5",
+    "@angular/router": "^3.4.5",
     "@angularclass/idle-preload": "^1.0.4",
     "@ng-bootstrap/ng-bootstrap": "^1.0.0-alpha.19",
     "bootstrap": "4.0.0-alpha.5",
@@ -79,7 +73,7 @@
     "@types/selenium-webdriver": "^2.53.39",
     "angular2-template-loader": "^0.6.0",
     "autoprefixer": "^6.6.1",
-    "awesome-typescript-loader": "^2.2.4",
+    "awesome-typescript-loader": "~3.0.0-beta.18",
     "browser-sync": "^2.18.6",
     "browser-sync-webpack-plugin": "^1.1.3",
     "chunk-manifest-webpack-plugin": "^1.0.0",
@@ -95,18 +89,18 @@
     "font-awesome-sass-loader": "^1.0.3",
     "fontawesome": "^4.7.0",
     "html-loader": "^0.4.4",
-    "html-webpack-plugin": "^2.26.0",
+    "html-webpack-plugin": "^2.28.0",
     "inline-manifest-webpack-plugin": "^3.0.1",
     "istanbul-instrumenter-loader": "^1.2.0",
     "jasmine-core": "^2.5.2",
-    "karma": "^1.4.0",
+    "karma": "^1.4.1",
     "karma-chrome-launcher": "^2.0.0",
     "karma-coverage": "^1.1.1",
     "karma-edge-launcher": "^0.2.0",
     "karma-firefox-launcher": "^1.0.0",
     "karma-ie-launcher": "^1.0.0",
     "karma-jasmine": "^1.1.0",
-    "karma-jasmine-diff-reporter": "^0.6.3",
+    "karma-jasmine-diff-reporter": "^1.0.0",
     "karma-jasmine-html-reporter": "^0.2.2",
     "karma-mocha-reporter": "^2.2.1",
     "karma-phantomjs-launcher": "^1.0.2",
@@ -135,14 +129,14 @@
     "ts-node": "^2.0.0",
     "tslint": "^4.4.2",
     "tslint-loader": "^3.2.0",
-    "typescript": "2.0.10",
+    "typescript": "^2.1.5",
     "url-loader": "^0.5.7",
     "webdriver-manager": "^11.1.1",
     "webpack": "^2.2.0",
     "webpack-dev-server": "^2.2.0",
     "webpack-manifest-plugin": "^1.1.0",
     "webpack-md5-hash": "^0.0.5",
-    "webpack-merge": "^2.6.0"
+    "webpack-merge": "^2.6.1"
   },
   "greenkeeper": {
     "ignore": [

tsconfig.json

@@ -24,7 +24,8 @@
     "aot",
     "**/*.spec.ts",
     "**/*.e2e.ts",
-    "src/main.aot.ts"
+    "src/main.aot.ts",
+    "src/admin.aot.ts"
   ],
   "awesomeTypescriptLoaderOptions": {
     "useWebpackText": true,