Angular 2 bundle

Question

我很好奇我應該如何部署我的角2應用程序。 例如，當我部署angular1時，我在javascript包中包含了模板，並使用$ templateCache來映射它們。 如何在angular2中實現這一點。 Thx。

Answer 1

我正在使用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')) 
}); 

Answer 2

你看過webpack嗎？這些人做了一個角度2 webpack-starter，也包含一些文件，讓你開始。 Rollup或SystemJS等類似工具也是不錯的選擇。

此外，如果您使用dart，這是一個不同的過程，但使用pub很簡單。