角2束

Question

我很好奇我应该如何部署我的角度2应用程序。 例如，当我部署angular1时，我将模板包含在javascript包中，并使用$ templateCache映射它们。 我怎样才能在angular2中实现这一目标。 THX。

Answer 1

你看过webpack了吗？这些家伙制作了一个有角度的2 webpack-starter，其中还包含一些文档以帮助您入门。像Rollup或SystemJS这样的类似工具也是不错的选择。

此外，如果你使用飞镖它是一个不同的过程，但使用pub非常直接。

Answer 2

我使用gulp和gulp-angular-embed-templates并且效果很好。

P.S。如果您已经在使用SystemJ，则不必切换到webpack。我使用systemjs-builder创建了一个生产版本。它还与gulp-angular-embed-templates

结合使用

这是嵌入模板的简单gulp任务：

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'))
});