私はTypescript
を使っているプロジェクトに取り組んでいます。現在、Typescript
をコンパイルする問題に直面していて、Gulp
を使って結果を連結しています。すなわちGulpを使って最初にTypescriptをコンパイルし、結果を連結してuglifyしますか?
var gulp = require('gulp');
var ts = require('gulp-typescript');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
gulp.task('default', function() {
gulp.src('vendor/**/*.js')
// I want to add ts files then combile and concat
.gulp.src('src/**/*.ts')
.pipe(sourcemaps.init())
.pipe(ts({
noImplicitAny: true,
out: 'output.js'
}))
.pipe(concat('all.js'))
.pipe(uglify());
.pipe(sourcemaps.write('/'))
.pipe(gulp.dest('./dist/'));
});
私は何をする必要があるかです:
- は外部
JavaScript
ライブラリを取得します。 Typescripts
を取得します。- ソースマップを使用して
Typescripts
をコンパイルします。 - 結果を前に追加した
JavaScript
に連結します。 - それらをうすめます。
- ソーサースマップを作成します。
- 結果をフォルダに保存します。
更新
それとも
TypeScript
がJavaScript
で結果を連結して進める 前にコンパイルされていることを確認するだけの方法。gulp.task('ts', function() { gulp.src('src/**/*.ts') .pipe(ts({ noImplicitAny: true, out: 'output.js' })) .pipe(gulp.dest('./tmp/ts')); }); gulp.task('default', ['ts'], function() { gulp.src(['vendor/**/*.js', './tmp/ts/output.js']) .pipe(sourcemaps.init()) .pipe(uglify()) .pipe(sourcemaps.write('/')) .pipe(gulp.dest('./dist/')); });
使用法(中:私はもっと
coffeescript
男が、何分割約2つの別々のタスクに(テストしていない以下のソリューション、および./tmp
フォルダに一時的に出力がある)だ
あなたの問題は何ですか?それは 'output.js'ですか?あなたは2つのタスクを作成することができ、一方は他方を必要とします。 – cl3m
はい、 'JavaScript 'で結果を連結する前に' TypeScript'がコンパイルされていることを確認する必要があります。 –