javascript - Typescript 编译排序问题 gulp-typescript, tsc 1.6

Question

我在 Visual Studio 2015 项目中使用 gulp-typescript:"2.9.0"和 typescript:"1.6.2"将 Angular Typescript 文件的文件夹编译为单个 app.js 文件。我遇到的问题是连接的输出顺序不正确，导致 Angular 抛出异常。最初，我能够更改文件名的字母顺序，并且可以获得正确的顺序，但这只是停止工作。我还尝试将所有文​​件以正确的顺序包含在“_references.ts”文件中，但这似乎不起作用。我在下面包含了我正在使用的 _references.ts 文件。文件“app.config.ts”始终出现在输出的顶部，它依赖于“app.module.ts”文件。有人有解决方案吗？

/// <reference path="../typings/angularjs/angular.d.ts" />
/// <reference path="../typings/jquery/jquery.d.ts" />
/// <reference path="../typings/angularjs/angular-route.d.ts" />
/// <reference path="app.module.ts" />
/// <reference path="app.zconfig.ts" />
/// <reference path="app/framework/framework.module.ts" />
/// <reference path="app/framework/psframework.directive.ts" />
/// <reference path="app/framework/menu/menu.module.ts" />
/// <reference path="app/framework/menu/menu.directive.ts" />
/// <reference path="app/framework/menu/menu-item.directive.ts" />
/// <reference path="app/framework/dashboard/dashboard.module.ts" />

Answer 1

我设法使用 gulp-angular-filesort 插件解决了这个问题。这是 typescript 编译任务:

gulp.task('compile', function () {
    var pathsArray = paths.js.typescriptDefinitionFile.concat(paths.js.src);

    gulp.src(pathsArray)
        .pipe(typescript({
            target: 'es5',
            noImplicitAny: true,
            preserveConstEnums: true
        }))
        .pipe(angularFilesort())
        .pipe(concat(paths.js.srcOutputFile))
        .pipe(gulp.dest(paths.js.outputFolder));
});

我没有使用 typescript 配置对象中的 out 选项来获取每个 .ts 文件的 .js 文件。然后，在使用 Angular 排序插件后，我将它们分开连接。