我很好奇我應該如何部署我的角2應用程序。 例如,當我部署angular1時,我在javascript包中包含了模板,並使用$ templateCache來映射它們。 如何在angular2中實現這一點。 Thx。Angular 2 bundle
2
A
回答
0
我正在使用gulp和gulp-angular-embed-templates,他們工作得很好。
P.S.如果您已經在使用SystemJs,則不必切換到webpack。我正在使用systemjs-builder創建生產版本。它也可以結合gulp-angular-embed-templates
這是嵌入模板簡單一飲而盡任務:
gulp.task('embed-templates',() => {
gulp.src('app/**/**.js')
.pipe(embedTemplates({sourceType:'js', minimize: {quotes: true, empty: true}}))
.pipe(gulp.dest('app/'));
});
這是創建生產建設任務:
gulp.task('system-build', ['embed-templates'],() => {
var builder = new systemBuilder();
return builder.loadConfig('./system.config.js')
.then(() => builder.buildStatic('app', 'build.js'))
});
0
你看過webpack嗎?這些人做了一個角度2 webpack-starter,也包含一些文件,讓你開始。 Rollup或SystemJS等類似工具也是不錯的選擇。
此外,如果您使用dart,這是一個不同的過程,但使用pub很簡單。
相關問題
- 1. Angular 2 CLI Bundle per compnent
- 2. Webpack 2 Vendor Bundle
- 3. Bundle angular 2項目與延遲加載模塊使用gulp
- 4. Angular 2,Ionic 2
- 5. Angular 2 sidenav with Angular 2素材
- 6. Symfony 2生成:bundle - 帶或不帶命名空間/ Bundle/
- 7. Angular 2 + angular-cli + Laravel 5.3
- 8. Angular Material 2 Spinner with Angular 4
- 9. Angular 2 OpaqueToken vs Angular 4 InjectionToken
- 10. Angular 2和Bootstrap
- 11. Angular 2 + Nativescript
- 12. Angular 2:contentChildren communication
- 13. Angular 2 ng build
- 14. Angular 2 - ng2-dragula
- 15. Angular 2 router.navigate
- 16. Angular 2,StyleUrls + Styles
- 17. bootstrap和angular 2
- 18. angular 2 select ngModelChange
- 19. Angular 2:Multiple Form
- 20. Angular 2與Materialise
- 21. Angular 2 Observable
- 22. Angular 2 selectBox值
- 23. Angular 2 - jQuery
- 24. OneSignal與Angular 2
- 25. Angular 2 APP_INITIALIZER
- 26. Angular 2和RxJS
- 27. Angular 2 Route Aliases
- 28. Typescript/Angular 2
- 29. Angular 2 Form Design
- 30. Angular 2 ng-if
還是蠻新的,但看看angular2 webpack。 –
這仍在進行中,構建時模板編譯的構建流水線將在不久之後完成 –