Компилирование TypeScript с помощью gulp, подключение зависимостей?

Question

[enchikiben]

Добрый день!
Разбираюсь с Angular 2, и возник вопрос, а можно как то скопировать или переместить все зависимости которые подключаются из node_modules в папке с билдом?

Answer 1

[Евгений Симоненко]

Не совсем понятно, что Вы спрашиваете. Если нужно из скомпилированных модулей собрать монолитное приложение, то поможет browserify. Для компиляции кода TypeScript есть модуль gulp-typescript.

Comments

[enchikiben]

постараюсь объяснить как могу )
в ts импортируется компонент через import {Name} from 'path/path'
который лежит в node_modules, и там же лежит куча всего лишнего, хочется чтобы при билде все необходимое вытянулось в папку с билдом.
А подскажите как с помощью browserify сделать монолитное приложение? это типо все одним файлом?

[Евгений Симоненко]

Да, на выходе будет один файл. Примерно вот так в gulpfile.js (выдержка из одного моего проекта):

///
///
///

var gulp = require('gulp'),
ts = require('gulp-typescript'),
browserify = require('browserify');

gulp.task('compile, [], () => {
gulp
.src('src/**/*.{ts,tsx}')
.pipe(ts(ts.createProject('tsconfig.json')))
.js.pipe(gulp.dest('build'));
});

gulp.task('build', ['compile'], () => {
browserify('build/main.js')
.bundle()
.pipe(source('app.js'))
.pipe(gulp.dest('dist'));
});

На выходе будет в dist/app.js готовый к выполнению и содержащий внутри себя зависимости.

[Евгений Симоненко]

Юрий: Toster вырезал ссылки на декларации:

reference path="typings/gulp/gulp.d.ts"
reference path="typings/gulp-typescript/gulp-typescript.d.ts"
reference path="typings/browserify/browserify.d.ts"