Adds #26 TypeScript loader eg

the-code-experiments · Feb 27, 2016 · cb9c891 · cb9c891
1 parent c7af976
commit cb9c891
Show file tree

Hide file tree

Showing 5 changed files with 47 additions and 1 deletion.
diff --git a/codes/example-17/entry.ts b/codes/example-17/entry.ts
@@ -0,0 +1,9 @@
+class Message {
+  constructor(public msg: string) { }
+  sayHello() {
+    return "<h1>" + this.msg + "</h1>";
+  }
+};
+
+var greeter = new Message("Hello World!");
+document.body.innerHTML = greeter.sayHello();
diff --git a/codes/example-17/index.html b/codes/example-17/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Eg17: TypeScript</title>
+  </head>
+  <body>
+
+    <script type="text/javascript" src="bundle.js"></script>
+  </body>
+</html>
diff --git a/codes/example-17/webpack.config.js b/codes/example-17/webpack.config.js
@@ -0,0 +1,15 @@
+module.exports = {
+  entry: './entry.ts',
+  output: {
+    filename: 'bundle.js'
+  },
+  resolve: {
+    extensions: ['', '.webpack.js', '.web.js', '.ts', '.tsx', '.js']
+  },
+  module: {
+    loaders: [{
+      test: /\.ts$/,
+      loader: 'ts-loader'
+    }]
+  }
+};
diff --git a/package.json b/package.json
@@ -42,6 +42,8 @@
     "open": "0.0.5",
     "open-browser-webpack-plugin": "0.0.1",
     "raw-loader": "^0.5.1",
-    "style-loader": "^0.13.0"
+    "style-loader": "^0.13.0",
+    "ts-loader": "^0.8.1",
+    "typescript": "^1.8.2"
   }
 }
diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "sourceMap": false
+  },
+  "exclude": [
+    "node_modules"
+  ]
+}