如何構建用於生產的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文件。