webpack and tsconfig

DeividZavala · DeividZavala · commit 5d3cc84c5ea7 · 2019-03-11T18:23:50.000-06:00
diff --git a/index.html b/index.html
@@ -6,6 +6,6 @@
   </head>
   <body>
     <div class="app"></div>
-    <script src="dist/app.js"></script>
+    <script src="/app.js"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
@@ -24,4 +24,4 @@
     "url": "https://github.com/UltimateAngular/typescript-basics-seed/issues"
   },
   "homepage": "https://github.com/UltimateAngular/typescript-basics-seed#readme"
-}
+}
diff --git a/src/app.ts b/src/app.ts
@@ -1 +1 @@
-console.log('Hello TypeScript!');
+console.log('perror TypeScript!');
diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "commonjs",
+    "strict": true,
+    "outDir": "dist"
+  }
+}
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,16 @@
+module.exports = {
+  entry: './src/app.ts',
+  output: {
+    filename: 'app.js',
+    path: __dirname + './dist',
+  },
+  resolve: {
+    extensions: ['.ts', '.js'],
+  },
+  module: {
+    rules: [{ test: /\.ts$/, use: 'awesome-typescript-loader' }],
+  },
+  devServer: {
+    port: 3000,
+  },
+};
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-console.log('Hello TypeScript!');`
	`1`	`+console.log('perror TypeScript!');`