1. Added comments 2. Added gitignore

shettyh · shettyh · commit 11d2cf595a80 · 2016-05-28T07:39:56.000+05:30
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,6 @@
+node_modules
+typings
+app/*.js
+app/*.map
+main.*js
+main.*map
diff --git a/app/app.component.ts b/app/app.component.ts
@@ -1,8 +1,12 @@
+/**
+ * Main App component
+ */
+
 import { Component } from '@angular/core';
 
 @Component({
     selector: 'my-app',
-    template : '<h1>Hello</h1>' 
+    template : '<h1>Welcome to Angular 2 With Webpack</h1>' 
 })
 
 
diff --git a/index.html b/index.html
@@ -1,44 +1,21 @@
 <html>
 
 <head>
-    <title>My AngWP app</title>
+    <title>Angular 2 Wepack</title>
     <meta name="viewport" content="width=device-width,initial-scale=1">
 </head>
 
 <body>
+    <!--Content-->
     <my-app>View is loading</my-app>
 
+    <!--Polyfills -->
     <script src="node_modules/core-js/client/shim.min.js"></script>
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
+    
+    <!--Dependencies-->
     <script src="dist/bundle.js"></script>
 </body>
 
-</html>
-
-<!--<html>
-
-<head>
-    <title>Angular 2 QuickStart</title>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="styles.css">
-    <!-- 1. Load libraries -->
-    <!-- Polyfill(s) for older browsers -->
-    <!--<script src="node_modules/core-js/client/shim.min.js"></script>
-    <script src="node_modules/zone.js/dist/zone.js"></script>
-    <script src="node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="node_modules/systemjs/dist/system.src.js"></script>-->
-    <!-- 2. Configure SystemJS -->
-    <!--<script src="systemjs.config.js"></script>
-    <script>
-        System.import('app').catch(function(err){ console.error(err); });
-    </script>
-</head>-->
-<!-- 3. Display the application -->
-
-<!--<body>
-    <my-app>Loading...</my-app>
-</body>
-
-</html>-->
+</html>
diff --git a/main.ts b/main.ts
@@ -1,3 +1,7 @@
+/**
+ * This will bootstrap the Angular Project
+ */
+
 import { bootstrap } from '@angular/platform-browser-dynamic';
 import { AppComponent } from './app/app.component';
 
diff --git a/package.json b/package.json
@@ -1,6 +1,11 @@
 {
-    "name": "MyAppWP",
+    "name": "angular-webpack-sample",
     "version": "1.0.0",
+    "description": "This is a simple example of how to use webpack in Angular 2",
+    "repository": {
+        "git":"https://github.com/manjunathshetty/angular2-wepack-sample.git"
+    },
+    "license": "ISC",
     "scripts": {
         "build": "webpack",
         "start": "tsc && webpack-dev-server",
diff --git a/tsconfig.json b/tsconfig.json
@@ -1,4 +1,5 @@
 {
+    "comments":"Typescript Compiler options",
     "compilerOptions": {
         "target": "es5",
         "module": "commonjs",
diff --git a/typings.json b/typings.json
@@ -1,4 +1,5 @@
 {
+  "comments":"Typescript type definition files",
   "globalDependencies": {
     "core-js": "registry:dt/core-js#0.0.0+20160317120654",
     "jasmine": "registry:dt/jasmine#2.2.0+20160505161446",
diff --git a/webpack.config.js b/webpack.config.js
@@ -1,3 +1,10 @@
+/*Webpack configuration file*/ 
+/**
+ * Entry files : main.ts - Entry to the app
+ * Output: dist/bundle.js - Output location
+ * Resolve: js,ts files - Telling wepack how to resolve files`
+ * Module: ts with ts-loader - Typescript loader
+ */
 module.exports = {
     entry: "./main.ts",
     output: {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`{`
	`2`	`+ "comments":"Typescript Compiler options",`
`2`	`3`	`"compilerOptions": {`
`3`	`4`	`"target": "es5",`
`4`	`5`	`"module": "commonjs",`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`{`
	`2`	`+ "comments":"Typescript type definition files",`
`2`	`3`	`"globalDependencies": {`
`3`	`4`	`"core-js": "registry:dt/core-js#0.0.0+20160317120654",`
`4`	`5`	`"jasmine": "registry:dt/jasmine#2.2.0+20160505161446",`