Merge branch 'release/0.0.1'

emyann · emyann · commit 3f6cf6ae0746 · 2016-08-08T00:49:28.000-04:00
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -1,6 +1,14 @@
 {
     "version": "0.2.0",
     "configurations": [
+         {
+            "name": "Launch with sourcemaps",
+            "type": "chrome",
+            "request": "launch",
+            "url": "http://localhost/mypage.html",
+            "webRoot": "${workspaceRoot}/dist",
+            "sourceMaps": true
+        },
         {
             "name": "Attach with sourcemaps",
             "type": "chrome",
diff --git a/README.md b/README.md
@@ -1,6 +1,14 @@
 # Typescript Webpack Starter
+>A damn simple ES6 and Typescript Starter kit using webpack for packaging. Perfect for bootstraping your javascript project regardless any framework.
+
+# Getting started
+
+## Clone Typescript Webpack Starter
+```bash
+git clone https://github.com/emyann/typescript-webpack-starter.git
+cd typescript-webpack-starter
+```
 
-A damn simple starter kit to bootstrap a Typescript/ES6
 ## Build
 Build a development release
 ```bash
@@ -13,19 +21,10 @@ Build a production release
 npm install
 npm run build:prod
 ```
-Bundled files are outputed to `dist` folder
-
-## Debug 
-
-### Issues whith Chrome Debugger
-Sometimes Chrome debugger is not correctly initialized, as a consequence for VSCode to receive an access denied from Chrome on port 9222. 
-
-The workaround is to close all Chrome instances and run it manually enabling debugging port
-```bat
-"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --remote-debugging-port=9222
-```
+Bundled files are releases into `dist` folder
 
 ## TODO
 
-- [-] Add samples (Jquery integration)
-- [-] Add Webpack HTML Plugin to generate an index.html
+- [-] Add samples (Jquery integration for example..)
+- [-] Setup a webpack-dev-server
+- [-] Setup VSCode debuug to match webpack-dev-server
diff --git a/config/webpack/webpack.dev.js b/config/webpack/webpack.dev.js
@@ -1,5 +1,6 @@
 var path = require("path");
 var webpack = require("webpack");
+var HtmlWebpackPlugin = require('html-webpack-plugin');
 
 var config = {
 
@@ -34,7 +35,13 @@ var config = {
             { test: /\.html$/, loader: "html" },
             { test: /\.css$/, loader: "style-loader!css-loader" }
         ]
-    }
+    },
+    plugins: [
+        new HtmlWebpackPlugin({
+            title: 'Typescript Webpack Starter',
+            template: '!!ejs-loader!src/index.html'
+        })
+    ]
 };
 
 module.exports = config;
diff --git a/config/webpack/webpack.prod.js b/config/webpack/webpack.prod.js
@@ -1,5 +1,6 @@
 var path = require("path");
 var webpack = require("webpack");
+var HtmlWebpackPlugin = require('html-webpack-plugin');
 
 var config = {
 
@@ -37,6 +38,7 @@ var config = {
     },
     plugins: [
         new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false } }),
+        new HtmlWebpackPlugin({title: 'Typescript Webpack Starter'})
     ]
 };
 
diff --git a/package.json b/package.json
@@ -22,8 +22,10 @@
   "license": "ISC",
   "devDependencies": {
     "css-loader": "^0.23.1",
+    "ejs-loader": "^0.3.0",
     "expose-loader": "^0.7.1",
     "html-loader": "^0.4.3",
+    "html-webpack-plugin": "^2.22.0",
     "rimraf": "^2.5.4",
     "style-loader": "^0.13.1",
     "ts-loader": "^0.8.2",
@@ -34,6 +36,6 @@
     "webpack": "^1.13.1"
   },
   "dependencies": {
-    "lodash":"^4.14.1"
+    "lodash": "^4.14.1"
   }
 }
diff --git a/src/index.html b/src/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title><%= htmlWebpackPlugin.options.title %></title>
+
+  <meta name="description" content="<%= htmlWebpackPlugin.options.title %>">
+
+</head>
+
+<body>
+    <div> You have successfully started your Typescript application using Webpack</div>
+</body>
+</html>
