changes for webpack

Author: Foxandxss

public/docs/_examples/package.json

@@ -47,6 +47,7 @@
     "@types/jasmine": "^2.2.33",
     "@types/node": "^4.0.30",
     "angular2-template-loader": "^0.4.0",
+    "awesome-typescript-loader": "^2.2.4",
     "canonical-path": "0.0.2",
     "concurrently": "^2.2.0",
     "css-loader": "^0.23.1",
@@ -72,7 +73,6 @@
     "raw-loader": "^0.5.1",
     "rimraf": "^2.5.2",
     "style-loader": "^0.13.1",
-    "ts-loader": "^0.8.2",
     "ts-node": "^1.3.0",
     "tslint": "^3.15.1",
     "typescript": "^2.0.2",

public/docs/_examples/webpack/ts/config/webpack.common.js

@@ -24,7 +24,7 @@ module.exports = {
     loaders: [
       {
         test: /\.ts$/,
-        loaders: ['ts', 'angular2-template-loader']
+        loaders: ['awesome-typescript-loader', 'angular2-template-loader']
       },
       {
         test: /\.html$/,

public/docs/_examples/webpack/ts/config/webpack.test.js

@@ -12,7 +12,7 @@ module.exports = {
     loaders: [
       {
         test: /\.ts$/,
-        loaders: ['ts', 'angular2-template-loader']
+        loaders: ['awesome-typescript-loader', 'angular2-template-loader']
       },
       {
         test: /\.html$/,

public/docs/_examples/webpack/ts/package.webpack.json

@@ -23,6 +23,7 @@
   },
   "devDependencies": {
     "angular2-template-loader": "^0.4.0",
+    "awesome-typescript-loader": "^2.2.4",
     "css-loader": "^0.23.1",
     "extract-text-webpack-plugin": "^1.0.1",
     "file-loader": "^0.8.5",
@@ -39,7 +40,6 @@
     "raw-loader": "^0.5.1",
     "rimraf": "^2.5.2",
     "style-loader": "^0.13.1",
-    "ts-loader": "^0.8.2",
     "typescript": "^2.0.2",
     "webpack": "^1.13.0",
     "webpack-dev-server": "^1.14.1",

public/docs/ts/latest/guide/webpack.jade

@@ -115,7 +115,7 @@ a(id="loaders")
 :marked
   ... it applies the `test` RegEx patterns. When a pattern matches the filename, Webpack processes the file with the associated loader. 
 
-  The first `import` file matches the `.ts` pattern so Webpack processes it with the `ts` (TypeScript) loader.
+  The first `import` file matches the `.ts` pattern so Webpack processes it with the `awesome-typescript-loader`.
   The imported file doesn't match the second pattern so its loader is ignored. 
 
   The second `import` matches the second `.css` pattern for which we have *two* loaders chained by the (!) character. 
@@ -230,7 +230,7 @@ a(id="common-configuration")
 +makeExample('webpack/ts/config/webpack.common.js', 'loaders', 'config/webpack.common.js')(format=".")
 
 :marked
-  * ts - a loader to transpile our Typescript code to ES5, guided by the `tsconfig.json` file
+  * awesome-typescript-loader - a loader to transpile our Typescript code to ES5, guided by the `tsconfig.json` file
   * angular2-template-loader - loads angular components' template and styles
   * html - for component templates
   * images/fonts - Images and fonts are bundled as well.