本文介紹了從 gulp 任務(wù)運(yùn)行 npm 腳本的處理方法，對(duì)大家解決問題具有一定的參考價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧！
問題描述
限時(shí)送ChatGPT賬號(hào)..
如何從 gulp 任務(wù)中運(yùn)行 npm 腳本命令?
How to run a npm script command from inside a gulp task?
package.json
package.json
"scripts":
{
"tsc": "tsc -w"
}
gulpfile.js
gulpfile.js
gulp.task('compile:app', function(){
return gulp.src('src/**/*.ts')
.pipe(/*npm run tsc*/)
.pipe(gulp.dest('./dist'))
.pipe(connect.reload());
});
我想這樣做是因?yàn)檫\(yùn)行 npm run tsc 不會(huì)給我任何錯(cuò)誤，但如果我使用 gulp-typescript 編譯 .ts 然后我得到一堆錯(cuò)誤.
I want to do this because running npm run tsc does not give me any error but if I use gulp-typescript to compile .ts then I get bunch of errors.
推薦答案
你可以使用 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"
}
然后運(yùn)行
npm run gulp-watch
<小時(shí)>
或者使用 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 已經(jīng)是 被列入黑名單你可以在這里看到原因
另一種選擇是設(shè)置 webpack.
這篇關(guān)于從 gulp 任務(wù)運(yùn)行 npm 腳本的文章就介紹到這了，希望我們推薦的答案對(duì)大家有所幫助，也希望大家多多支持html5模板網(wǎng)！
【網(wǎng)站聲明】本站部分內(nèi)容來源于互聯(lián)網(wǎng),旨在幫助大家更快的解決問題，如果有圖片或者內(nèi)容侵犯了您的權(quán)益，請(qǐng)聯(lián)系我們刪除處理，感謝您的支持！