Webpack 入門指南 - 3. Hello, Angular2!

Webpack 入門指南 - 1.安裝

Webpack 入門指南 - 2.模塊

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

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

1. 下載 Angular 2 以及依賴包

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

復(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"
        		

網(wǎng)友評論