如何构建用于生产的angular2应用程序

Question

我已完成angular2 tour of heroes。我想知道如果我想建立这个项目的生产。我只想添加2个文件到index.html：appScripts.js和vendorScripts.js。 我已经编译了我的ts文件和选项outFile，所以我有我的appScripts.js但它不起作用。下面是一些代码在我gulpfile：

gulp.task('compile', ['clean'], function() { 

    var tsProject = typescript.createProject('tsconfig.json', { 
     outFile: 'app.js' 
    }); 

    var tsResult = gulp.src(['app/**/*.ts']) 
     .pipe(typescript(tsProject)); 
    return tsResult.js 
     .pipe(gulp.dest('./dist')); 
}); 

我想这是因为，我们在项目中加载一些角度车型，如@angular/corets文件，因为一些systemjs东西..

有什么办法呢？

Answer 1

我已经找到了解决方案。您应该将ts文件编译为js文件，然后通过systemjs-builder将它们捆绑在一起。 这是我的任务，一饮而尽：

var Builder = require("systemjs-builder"); 
gulp.task("builder", function() { 

     var builder = new Builder(); 

     builder.loadConfig('./systemjs.config.js') 
      .then(function() { 
       builder.buildStatic('dist/main.js', 'public/appScript.js') 
        .then(function() { 
         console.log('Build complete'); 
        }) 
        .catch(error); 
      }); 
}); 

buildStatic方法为应用程序创建最终的JavaScript文件。