使用Gulp設置TypeScript / Angular

Question

非常熟悉Gulp和Angular，是TypeScript的新手。 我一直在使用Browserify捆綁我的JavaScript並管理依賴樹，但據我所知，我不想將Browserify與TypeScript一起使用。

之前我會在我的主/入口點文件中有這樣的東西。

require('angular');
require('angular-ui-router');
require('./myModules/testModule')
require('./myControllers/mainController')

angular.module('exampleApp', ['mainController','testModule'])

    .config(...);

}());

這將確保所有必要的文件以適當的順序捆綁到最終的.js應用程序中。

但是使用TypeScript（使用gulp-typescript）引用其他文件進行構建的方式似乎是：

/// <reference path="myModule.ts"/>)

但這僅適用於其他TypeScript文件。 如何加載我的angular和其他非TS代表？

作為參考，我的構建看起來像：

var jsStream = function() {
    return gulp.src(PUBLIC + '/js/**/*.ts')
        .pipe(typescript({
            declarationFiles: false,
            sortOutput: true,
            out: 'app.js'
        }))
        .pipe( streamify( rev() ) )
        .pipe( gulp.dest( PATHS.dest.js ) );
};

Answer 1

像/// <reference path="myModule.ts"/>這樣的TypeScript引用用於轉換為JS，解析依賴關系，以及文本編輯器或IDE中的Intellisense。 如果您希望在TypeScript中引用的現有庫不是用TypeScript編寫的， 那么在GitHub上只看tsd和DefinitelyTyped項目 。

您仍然可以像以前一樣使用Browserify進行捆綁。 唯一的區別是，你需要transpile您的打字稿為JavaScript首先通過tsc或你提到gulp-typescript 。 將TS作為JS后，使用Browserify將其與其他文件捆綁在一起。 我不知道這個插件是否有用，但似乎有一個名為tsify的TypeScript Browserify插件。 也許檢查一下。