TypeScript basic setup

.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+dist/

package.json

@@ -0,0 +1,16 @@
+{
+  "name": "webpacktest",
+  "version": "1.0.0",
+  "private": true,
+  "license": "MIT",
+  "scripts": {
+    "build": "webpack --mode production",
+    "watch": "webpack --mode development --watch"
+  },
+  "devDependencies": {
+    "ts-loader": "^5.3.0",
+    "typescript": "^3.1.5",
+    "webpack": "^4.23.1",
+    "webpack-cli": "^3.1.2"
+  }
+}

src/main.ts

@@ -0,0 +1 @@
+console.log("Hello World!");

tsconfig.json

@@ -0,0 +1,11 @@
+{
+	"compilerOptions": {
+		"outDir": "./dist/",
+		"sourceMap": true,
+		"noImplicitAny": true,
+		"module": "es6",
+		"target": "es5",
+		"jsx": "react",
+		"allowJs": true
+	}
+}

webpack.config.js

@@ -0,0 +1,22 @@
+const path = require("path");
+
+module.exports = {
+	entry: "./src/main.ts",
+	devtool: "inline-source-map",
+	module: {
+		rules: [
+			{
+				test: /\.tsx?$/,
+				use: "ts-loader",
+				exclude: "/node_modules/"
+			}
+		]
+	},
+	resolve: {
+		extensions: [".tsx", ".ts", ".js"]
+	},
+	output: {
+		filename: "bundle.js",
+		path: path.resolve(__dirname, "dist")
+	}
+};