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

Webpack 入門指南 - 1.安裝

Webpack 入門指南 - 2.模塊

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

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

1. 下載 Angular 2 以及依賴包

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

{ "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"
        		
延伸閱讀
        		

        			
        			
ssh框架
        			2016-09-30
        			
        			
        			
        			
阿里移動(dòng)安全 [無(wú)線安全]玩轉(zhuǎn)無(wú)線電——不安全的藍(lán)牙鎖
        			2017-07-26
        			
        			
        			
        			
消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe
        			2024-03-26
        			
        			
        			
        			
Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】
        			2017-07-26
        			
        			
        			
        			
詞向量-LRWE模型-更好地識(shí)別反義詞同義詞
        			2017-07-26
        			
        			
        			
        			
從棧不平衡問(wèn)題 理解 calling convention
        			2017-07-26
        			
        			
        			
        			
php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明
        			2017-07-26
        			
        			
        			
        			
Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解
        			2017-07-26
        			
        			
        			
        			
阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析
        			2017-07-26
        			
        			
        			
        			
集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二)
        			2017-07-26
        			
        			
        			
        		
        		
        		學(xué)習(xí)是年輕人改變自己的最好方式