這一次,我們使用 Webpack 來打包 Angular 2 的應(yīng)用。

與官方的 Hello, Angular 2 項目相比,我們不使用 System.js,而是使用 TypeScript 直接編譯,然后使用 Webpack 打包生成代碼。

1. 下載 Angular 2 以及依賴包

修改我們的 package.json 文件,添加 Angular 2 涉及的包,和 Angular 2 所依賴的包,以后,我們可以慢慢介紹各個包的用途,這個文件也可以保存起來,以后直接使用。

復(fù)制代碼
{ "name": "w1", "version": "1.0.0", "description": "", "main": "index.js", "dependencies": { "@angular/common": "~2.1.1", "@angular/compiler": "~2.1.1", "@angular/core": "~2.1.1", "@angular/forms": "~2.1.1", "@angular/http": "~2.1.1", "@angular/platform-browser": "~2.1.1", "@angular/platform-browser-dynamic": "~2.1.1", "@angular/router": "~3.1.1", "angular-in-memory-web-api": "~0.1.13", "core-js": "^2.4.1", "reflect-metadata": "^0.1.8", "rxjs": "5.0.0-beta.12", "zone.js": "^0.6.26", "ie-shim": "^0.1.0" }, <