add ts-loader "vanilla" example

ns0m · Oct 14, 2020 · 62eaefc · 62eaefc
1 parent 9e7e855
commit 62eaefc
Show file tree

Hide file tree

Showing 9 changed files with 3,433 additions and 0 deletions.
diff --git a/.npmignore b/.npmignore
@@ -2,6 +2,7 @@ webpack.config.js
 /.vscode
 /.gitignore
 /node_modules
+/example
 .github/
 .idea/
 *.iml

diff --git a/example/README.md b/example/README.md
@@ -0,0 +1,13 @@
+# vanilla ts-loader
+
+```shell
+yarn install
+
+# Run in watch mode
+yarn watch
+
+# Run in production mode
+yarn build 
+```
+
+To see your output simply open up the `index.html` file in your browser of choice.
diff --git a/example/index.html b/example/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8">
+    </head>
+    <body>
+        <div id="wrapper"></div>
+
+        <script src="dist/main.js"></script>
+    </body>
+</html>
diff --git a/example/package.json b/example/package.json
@@ -0,0 +1,16 @@
+{
+  "name": "vanilla",
+  "main": "index.js",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "webpack --mode production",
+    "start": "webpack-dev-server --mode development --progress --color"
+  },
+  "devDependencies": {
+    "ts-loader": "^5.0.0",
+    "typescript": "^3.0.0",
+    "webpack": "^4.0.0",
+    "webpack-cli": "^3.0.0",
+    "webpack-dev-server": "^3.1.14"
+  }
+}
diff --git a/example/src/index.ts b/example/src/index.ts
@@ -0,0 +1,3 @@
+import render = require('./render');
+
+render();
diff --git a/example/src/render.ts b/example/src/render.ts
@@ -0,0 +1,5 @@
+function render() {
+    document.getElementById('wrapper').innerHTML = "<h1> Hello World!</h1>";
+}
+
+export = render;
diff --git a/example/tsconfig.json b/example/tsconfig.json
@@ -0,0 +1,5 @@
+{
+    "compilerOptions": {
+        "sourceMap": true
+    }
+}
diff --git a/example/webpack.config.js b/example/webpack.config.js
@@ -0,0 +1,22 @@
+'use strict';
+const path = require('path');
+
+module.exports = {
+    devtool: 'inline-source-map',
+	entry: './src/index.ts',
+	output: {
+		filename: 'main.js',
+		path: path.resolve(__dirname, 'dist')
+	},
+    module: {
+        rules: [
+            {
+                test: /\.tsx?$/,
+                loader: 'ts-loader'
+            }
+        ]
+    },
+    resolve: {
+        extensions: [ '.ts', '.tsx', '.js' ]
+    }
+};
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import render = require('./render');

		render();