我是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模塊創建異步WebPack CommonsChunk
- 2. 使用angular-cli webpack創建多個包
- 3. 在kubernetes中創建吊艙的步驟
- 4. 使用Drupal創建WebApplication:開發步驟
- 5. 在TeamCity中,如何在先前步驟中創建的項目上使用xcode構建步驟?
- 6. 在Photoshop中創建生長步驟線
- 7. 在Ant腳本中創建Java步驟
- 8. 創建一個多步驟的Rails中
- 9. 爲水貂創建步驟
- 10. 使用webpack的Angular 2文檔?
- 11. 在瀏覽器中使用webpack調試Angular 2/Ionic 2
- 12. 如何使用Webpack 2在Angular 2(4)中哈希CSS類名?
- 13. 創建清單/「步驟分步與Unity3D
- 14. 使用一個數據點在Flot中創建步驟圖表
- 15. Angular 2,Webpack,Express,HMR
- 16. 如何使用webpack在Angular 2中使用gmaps.js?
- 17. Angular 2,Webpack 2,AoT編譯
- 18. 使用自動構建JNI C++創建Android Workspace的步驟「.so」
- 19. 在動態創建的組件angular angular 2中調用方法
- 20. 創建Spring Web應用程序:步驟?
- 21. Webpack - 手動創建異步公用塊
- 22. Angular 2,Webpack 2,異步路由:無法找到模塊
- 23. Angular -multi步驟形式
- 24. 在MVC 5 Angular 2應用程序中使用Webpack
- 25. 在.NET Windows環境中部署Angular 2應用程序的步驟是什麼?
- 26. 如何停止在svg createElement步驟中創建xmlns屬性步驟
- 27. 禁用可推NPM構建步驟導致TfsBuild到SonarQube
- 28. Jenkins在構建步驟'npm i'時失敗
- 29. 在Angular中使用webpack的性能
- 30. 的Joomla 2步驟REGSTRATION
https://angular.io/docs/ts/latest/guide/webpack.html – Jai
您也可以看看這個:https://開頭的github .com/AngularClass/angular2-webpack-starter如果你想加快這個過程 – ssougnez
如果你在初學者水平嘗試角CLI,你可以很容易地瞭解角2和它的結構 –