javascript - 如何连接和缩小 Angular 2 应用程序？

Question

我想连接并缩小一个 angular2 应用程序。我所做的是首先将我所有的 *.js 文件(boot.js、application.js 然后是所有组件)连接到一个文件中，并将其注入(inject)到我的 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 应用程序如何填充到一个文件中？我是否必须先收集所有 typescript 文件，然后连接，然后通过 gulp 编译它？

问候

特诺达

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"]);