- Initial commit with features:

- Typescript integration
- Webpack builds for development and production
- TSLint configured
- Lodash integration for a simple startup sample
- Typescript target set to ES5

Author: emyann

.gitignore

@@ -0,0 +1,8 @@
+# Build results
+dist/
+typings/**/*
+
+# Others
+~$*
+*~
+node_modules/

.vscode/launch.json

@@ -0,0 +1,14 @@
+{
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Attach with sourcemaps",
+            "type": "chrome",
+            "request": "attach",
+            "sourceMaps": true,
+            "port": 9222,
+            "diagnosticLogging": true,
+            "webRoot": "${workspaceRoot}/dist"
+        }
+    ]
+}

README.md

@@ -0,0 +1,31 @@
+# Typescript Webpack Starter
+
+A damn simple starter kit to bootstrap a Typescript/ES6
+## Build
+Build a development release
+```bash
+npm install
+npm run build
+```
+
+Build a production release
+```bash
+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
+```
+
+## TODO
+
+- [-] Add samples (Jquery integration)
+- [-] Add Webpack HTML Plugin to generate an index.html

config/webpack/webpack.dev.js

@@ -0,0 +1,40 @@
+var path = require("path");
+var webpack = require("webpack");
+
+var config = {
+
+    entry: {
+        'vendor': './src/vendor.ts',
+        'app': './src/index.ts'
+    },
+    debug: true,
+    devtool: 'source-map',
+    output: {
+        path: path.resolve("dist"),
+        filename: '[name].bundle.js',
+        sourceMapFilename: '[name].map',
+        devtoolModuleFilenameTemplate: function (info) {
+            return "file:///" + info.absoluteResourcePath;
+        }
+    },
+    tslint: {
+        emitErrors: false,
+        failOnHint: false,
+        resourcePath: 'src'
+    },
+    resolve: {
+        extensions: ["", ".ts", ".js"]
+    },
+    module: {
+        preLoaders: [
+            { test: /\.ts$/, exclude: ["node_modules"], loader: "tslint" }
+        ],
+        loaders: [
+            { test: /\.ts$/, exclude: ["node_modules"], loader: 'ts-loader' },
+            { test: /\.html$/, loader: "html" },
+            { test: /\.css$/, loader: "style-loader!css-loader" }
+        ]
+    }
+};
+
+module.exports = config;

config/webpack/webpack.prod.js

@@ -0,0 +1,43 @@
+var path = require("path");
+var webpack = require("webpack");
+
+var config = {
+
+    entry: {
+        'vendor': './src/vendor.ts',
+        'app': './src/index.ts'
+    },
+    debug: true,
+    devtool: 'source-map',
+    output: {
+        path: path.resolve("dist"),
+        filename: '[name].bundle.js',
+        sourceMapFilename: '[name].map',
+        devtoolModuleFilenameTemplate: function (info) {
+            return "file:///" + info.absoluteResourcePath;
+        }
+    },
+    tslint: {
+        emitErrors: false,
+        failOnHint: false,
+        resourcePath: 'src'
+    },
+    resolve: {
+        extensions: ["", ".ts", ".js"]
+    },
+    module: {
+        preLoaders: [
+            { test: /\.ts$/, exclude: ["node_modules"], loader: "tslint" }
+        ],
+        loaders: [
+            { test: /\.ts$/,  exclude: ["node_modules"],loader: 'ts-loader' },
+            { test: /\.html$/, loader: "html" },
+            { test: /\.css$/, loader: "style-loader!css-loader" }
+        ]
+    },
+    plugins: [
+        new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false } }),
+    ]
+};
+
+module.exports = config;

jsconfig.json

@@ -0,0 +1,16 @@
+{
+	// See https://go.microsoft.com/fwlink/?LinkId=759670
+	// for the documentation about the jsconfig.json format
+	"compilerOptions": {
+		"target": "es6",
+		"module": "commonjs",
+		"allowSyntheticDefaultImports": true
+	},
+	"exclude": [
+		"node_modules",
+		"bower_components",
+		"jspm_packages",
+		"tmp",
+		"temp"
+	]
+}

package.json

@@ -0,0 +1,39 @@
+{
+  "name": "typescript-webpack-starter",
+  "version": "0.0.1",
+  "description": "A damn simple starter for Typescript and Webpack",
+  "main": "src/index.ts",
+  "scripts": {
+    "rimraf": "rimraf",
+    "webpack": "webpack",
+    "build": "npm run build:dev",
+    "prebuild:dev": "npm run rimraf -- dist",
+    "build:dev": "webpack --config config/webpack/webpack.dev.js --progress --profile --colors --display-error-details --display-cached",
+    "prebuild:prod": "npm run rimraf -- dist",
+    "build:prod": "webpack --config config/webpack/webpack.prod.js  --progress --profile --colors --display-error-details --display-cached --bail",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "postinstall": "typings i"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/emyann/typescript-webpack-starter"
+  },
+  "author": "yrenaudin",
+  "license": "ISC",
+  "devDependencies": {
+    "css-loader": "^0.23.1",
+    "expose-loader": "^0.7.1",
+    "html-loader": "^0.4.3",
+    "rimraf": "^2.5.4",
+    "style-loader": "^0.13.1",
+    "ts-loader": "^0.8.2",
+    "tslint": "^3.13.0",
+    "tslint-loader": "^2.1.5",
+    "typescript": "^1.8.10",
+    "typings": "^1.3.2",
+    "webpack": "^1.13.1"
+  },
+  "dependencies": {
+    "lodash":"^4.14.1"
+  }
+}

src/index.ts

@@ -0,0 +1,5 @@
+export default class Main {
+    constructor() {
+        console.log('Typescript Webpack starter launched');
+    }
+}

src/vendor.ts

@@ -0,0 +1,4 @@
+// Application Dependencies
+
+import 'lodash';
+

tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "commonjs",    
+    "sourceMap": true
+  },
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
+}