如何連接和縮小angular2應用程序？

Question

我想concat & minify一個angular2應用程序。我所做的是首先將所有的* .js文件（boot.js，application.js和所有組件）連接到一個文件中，並將其注入到我的index.html中。我也刪除了

<script> 
     System.config({ 
      packages: { 
       app: { 
        defaultExtension: 'js' 
       } 
      } 
     }); 
     System.import('app/boot') 
      .then(null, console.error.bind(console)); 
    </script> 

，並與我

<script src="js/allMyConcatFilesIntoOne.js"></script> 

取代它，但我得到了錯誤，需要缺少/未知。

angular2應用程序如何填充到一個文件中？我是否必須先收集所有的打印文件，然後concat然後通過gulp進行編譯？

問候

Tenoda

Answer 1

使用gulpfile.js這樣的：

/// <binding Clean='clean' /> 
      "use strict"; 

      var gulp = require("gulp"), 
       rimraf = require("rimraf"), 
       concat = require("gulp-concat"), 
       cssmin = require("gulp-cssmin"), 
       uglify = require("gulp-uglify"), 
       tsc = require("gulp-typescript"); 

      var webroot = "./wwwroot/"; 

      var paths = { 
       js: webroot + "js/**/*.js", 
       ts: webroot + "app/**/*.ts", 
       minJs: webroot + "js/**/*.min.js", 
       css: webroot + "css/**/*.css", 
       minCss: webroot + "css/**/*.min.css", 
       concatJsDest: webroot + "js/site.min.js", 
       concatCssDest: webroot + "css/site.min.css" 
      }; 

      gulp.task("clean:js", function (cb) { 
       rimraf(paths.concatJsDest, cb); 
      }); 

      gulp.task("clean:css", function (cb) { 
       rimraf(paths.concatCssDest, cb); 
      }); 

      gulp.task("clean", ["clean:js", "clean:css"]); 

      gulp.task("min:js", function() { 
       return gulp.src([paths.js, "!" + paths.minJs], { base: "." }) 
        .pipe(concat(paths.concatJsDest)) 
        .pipe(uglify()) 
        .pipe(gulp.dest(".")); 
      }); 

      gulp.task("min:css", function() { 
       return gulp.src([paths.css, "!" + paths.minCss]) 
        .pipe(concat(paths.concatCssDest)) 
        .pipe(cssmin()) 
        .pipe(gulp.dest(".")); 
      }); 

      gulp.task("min", ["min:js", "min:css"]);