project init

lzhfe · lzhfe · commit 59acc7cb186a · 2016-11-15T20:54:49.000+08:00
diff --git a/index.html b/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset=UTF-8>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Angular 2 Hello World</title>
+    <base href="/">
+  </head>
+  <body>
+    <hello-world>
+      加载中...
+    </hello-world>
+    <script src="bundle.js"></script>
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "HelloWorld",
+  "version": "1.0.0",
+  "description": "A simple starter Angular project",
+  "scripts": {
+    "server": "webpack-dev-server --inline --colors --progress --port 3000",
+    "start": "npm run server"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "@types/core-js": "^0.9.34",
+    "ts-loader": "^1.2.0",
+    "typescript": "^2.0.0",
+    "webpack": "^1.12.9",
+    "webpack-dev-server": "^1.14.0"
+  },
+  "dependencies": {
+    "@angular/common": "2.0.0",
+    "@angular/compiler": "^2.0.0",
+    "@angular/core": "2.0.0",
+    "@angular/platform-browser": "2.0.0",
+    "@angular/platform-browser-dynamic": "2.0.0",
+    "core-js": "^2.4.1",
+    "reflect-metadata": "^0.1.8",
+    "rxjs": "5.0.0-beta.12",
+    "zone.js": "^0.6.26"
+  }
+}
diff --git a/src/app.component.html b/src/app.component.html
@@ -0,0 +1,3 @@
+<h3>
+  Hello World!
+</h3>
diff --git a/src/app.component.ts b/src/app.component.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'hello-world',
+  templateUrl: 'src/app.component.html'
+})
+export class AppComponent {
+}
diff --git a/src/app.module.ts b/src/app.module.ts
@@ -0,0 +1,12 @@
+import {NgModule} from '@angular/core'
+import {BrowserModule} from "@angular/platform-browser";
+
+import {AppComponent} from "./app.component";
+
+@NgModule({
+  declarations: [AppComponent],
+  imports: [BrowserModule],
+  bootstrap: [AppComponent]
+})
+export class AppModule {
+}
diff --git a/src/main.ts b/src/main.ts
@@ -0,0 +1,9 @@
+import 'reflect-metadata';
+import 'zone.js';
+
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
+import {AppModule} from './app.module';
+
+
+platformBrowserDynamic().bootstrapModule(AppModule)
+  .catch(err => console.error(err));
diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "sourceMap": true,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "removeComments": false,
+    "noImplicitAny": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "typeRoots": [
+      "./node_modules/@types/"
+    ]
+  },
+  "compileOnSave": true,
+  "exclude": [
+    "node_modules"
+  ]
+}
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,20 @@
+var webpack = require('webpack');
+var path = require('path');
+module.exports = {
+  entry: './src/main.ts',
+
+  output: {
+    filename: './bundle.js'
+  },
+
+  resolve: {
+    root: [ path.join(__dirname, 'src') ],
+    extensions: ['', '.ts', '.js']
+  },
+
+  module: {
+    loaders: [
+      { test: /\.ts$/, loader: 'ts-loader' }
+    ]
+  }
+};
