Настройка TypeScript/Угловая с Gulp

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 приложение в соответствующем порядке.

Однако с машинописью (с использованием Глотком-машинописи) способом ссылаться на другие файлы для строительства, кажется:

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

Но это работает только для других машинописи файлов. Как я могу загрузить мои 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"/> используется для transpilation для JS, разрешение зависимостей, а также для Intellisense в текстовом редакторе или IDE. Если у вас есть существующие библиотеки, которые вы хотите ссылаться в TypeScript, которые не написаны в TypeScript, смотрите не дальше tsd и DefinitelyTyped project на GitHub.

Вы все равно можете использовать Browserify для комплектации, как раньше. Единственное различие заключается в том, что вам нужно перевести свой текст на JavaScript сначала с помощью tsc или, как вы упомянули, gulp-typescript. Если у вас есть TS как JS, расслоение, если ваши другие файлы, такие как угловые с Browserify. Я не знаю, действительно ли этот плагин хорош, но, похоже, есть плагин TypeScript Browserify, который называется tsify. Возможно, проверьте это.