我是angular2的初學者,我無法理解「Webpack捆綁」這個概念,任何人都可以指導我如何在角度2中使用「 npm「使用「npm」在angular 2中創建「Webpack」的步驟
0
A
回答
0
Webpack是模塊打包器。它在發現文件中的所有導入/需求時捆綁依賴關係。您可以在角度看到有import語句的負荷,你必須像導入特定@angular
模塊:
import { Component } from '@angular/core'; // the angulars module
import { AppComponent } from './app/app.component'; // custom module
此類進口產品在一個單一的js文件捆綁起來,通過的WebPack完成。
0
我會建議你使用angular-cli。
這就是爲什麼:
角CLI是簡單地捆綁一些上面提到的技術的命令行界面。像它可以幫助您生成代碼,遵循官方Angular 2 StyleGuide的最佳實踐。底下它使用Webpack,正是我們上面提到的東西(縮小文件,捆綁它們等)。不同的是,你不必知道Webpack,它是如何工作的以及如何配置和設置它。它將通過CLI爲你完成,顯然是在它的限制之內。
有關更多信息,請參見本:What is the difference between Angular CLI, Webpack, Browsersync etc?
相關問題
- 1. npm ERR!在npm安裝步驟Angular 2快速啓動
- 2. 使用webpack創建npm包
- 3. 使用Webpack構建用於NPM包的Angular 2
- 4. 使用Symfony 2創建表單步驟?
- 5. 使用整個npm模塊創建異步WebPack CommonsChunk
- 6. 春季創建webservice的步驟步驟
- 7. 在Angular JS中創建自定義模塊的一般步驟
- 8. 使用angular-cli webpack創建多個包
- 9. 在kubernetes中創建吊艙的步驟
- 10. 使用Drupal創建WebApplication:開發步驟
- 11. 在TeamCity中,如何在先前步驟中創建的項目上使用xcode構建步驟?
- 12. 使用webpack的Angular 2文檔?
- 13. Excel中,如何使用與您在表格中使用的步驟不同的步驟創建圖表?
- 14. 在Photoshop中創建生長步驟線
- 15. 在Ant腳本中創建Java步驟
- 16. 創建一個多步驟的Rails中
- 17. 爲水貂創建步驟
- 18. 在瀏覽器中使用webpack調試Angular 2/Ionic 2
- 19. 如何使用Webpack 2在Angular 2(4)中哈希CSS類名?
- 20. Angular 2,Webpack,Express,HMR
- 21. Angular 2,Webpack 2,AoT編譯
- 22. 如何使用webpack在Angular 2中使用gmaps.js?
- 23. 使用Webpack進行Angular 2路由
- 24. 創建清單/「步驟分步與Unity3D
- 25. 使用一個數據點在Flot中創建步驟圖表
- 26. Angular 2,Webpack 2,異步路由:無法找到模塊
- 27. 在動態創建的組件angular angular 2中調用方法
- 28. Webpack - 手動創建異步公用塊
- 29. 在MVC 5 Angular 2應用程序中使用Webpack
- 30. 使用自動構建JNI C++創建Android Workspace的步驟「.so」
https://angular.io/docs/ts/latest/guide/webpack.html – Jai
您也可以看看這個:https://開頭的github .com/AngularClass/angular2-webpack-starter如果你想加快這個過程 – ssougnez
如果你在初學者水平嘗試角CLI,你可以很容易地瞭解角2和它的結構 –