2017-03-08 50 views
0

我是angular2的初學者,我無法理解「Webpack捆綁」這個概念,任何人都可以指導我如何在角度2中使用「 npm使用「npm」在angular 2中創建「Webpack」的步驟

+2

https://angular.io/docs/ts/latest/guide/webpack.html – Jai

+0

您也可以看看這個:https://開頭的github .com/AngularClass/angular2-webpack-starter如果你想加快這個過程 – ssougnez

+0

如果你在初學者水平嘗試角CLI,你可以很容易地瞭解角2和它的結構 –

回答

0

Webpack是模塊打包器。它在發現文件中的所有導入/需求時捆綁依賴關係。您可以在角度看到有import語句的負荷,你必須像導入特定@angular模塊:

import { Component } from '@angular/core'; // the angulars module 
import { AppComponent } from './app/app.component'; // custom module 

此類進口產品在一個單一的js文件捆綁起來,通過的WebPack完成。

Some configuration and docs @ webpack.js.org:version 2.x.x

0

我會建議你使用angular-cli

這就是爲什麼:

角CLI是簡單地捆綁一些上面提到的技術的命令行界面。像它可以幫助您生成代碼,遵循官方Angular 2 StyleGuide的最佳實踐。底下它使用Webpack,正是我們上面提到的東西(縮小文件,捆綁它們等)。不同的是,你不必知道Webpack,它是如何工作的以及如何配置和設置它。它將通過CLI爲你完成,顯然是在它的限制之內。

有關更多信息,請參見本:What is the difference between Angular CLI, Webpack, Browsersync etc?

相關問題