Ausführen eines npm-Skripts aus der Schlucktask

Question

Wie wird ein npm-Skriptbefehl innerhalb einer Schluckaufgabe ausgeführt?

package.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()); 
}); 

Ich möchte, dies zu tun, weil npm run tsc läuft mir keine Fehler nicht geben, aber wenn ich gulp-typescript verwenden zu kompilieren .ts dann bekomme ich Haufen von Fehlern.

Answer 1

Sie erhalten die 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']); 
}); 

Dann auf Ihrem package.json

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

mit gleichwertig mit implementieren

Dann

npm run gulp-watch 

---

Alternativ shell

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 mit ausgeführt wurde blacklisted you can see why here gewesen

Eine andere Alternative wäre webpack einzurichten.

Answer 2

Sie können versuchen, es childprecess Knoten Paket oder

Verwendung https://www.npmjs.com/package/gulp-run

var run = require('gulp-run'); 
gulp.task('compile:app', function(){ 
    return gulp.src(['src/**/*.js','src/**/*.map']) 
    .pipe(run('npm run tsc')) 
    .pipe(gulp.dest('./dist')) 
    .pipe(connect.reload()); 

});