21

gulpタスク内からnpmスクリプトコマンドを実行するには?

パッケージ.json

"scripts": 
{
    "tsc": "tsc -w"
}

gulpfile.js

gulp.task('compile:app', function(){
  return gulp.src('src/**/*.ts')
    .pipe(/*npm run tsc*/)
    .pipe(gulp.dest('./dist'))
    .pipe(connect.reload());
});

npm run tsc実行してもエラーが発生しないため、これを実行したいのですがgulp-typescript、コンパイルを使用する.tsと、大量のエラーが発生します。

4

3 に答える 3

15

gulp-typescriptを使用して同等のものを取得できます

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

gulp.task('default', function () {
  var tsProject = ts.createProject('tsconfig.json');

  var result = tsProject.src().pipe(ts(tsProject));

  return result.js.pipe(gulp.dest('release'));
});

gulp.task('watch', ['default'], function() {
  gulp.watch('src/*.ts', ['default']);
});

次に、package.json

"scripts": {
  "gulp": "gulp",
  "gulp-watch": "gulp watch"
}

次に実行します

npm run gulp-watch

別の方法としてシェルを使用する

var gulp = require('gulp');
var shell = require('gulp-shell');

gulp.task('default', function () {
  return gulp.src('src/**/*.ts')
    .pipe(shell('npm run tsc'))
    .pipe(gulp.dest('./dist'))
    .pipe(connect.reload());
});

gulp-shellブラックリストに登録されている理由はこちら

別の代替手段は、セットアップwebpackです。

于 2016-04-14T20:25:53.697 に答える