गलप में रन टास्क से पहले फ़ंक्शन कैसे चलाएं? - जावास्क्रिप्ट, एनपीएम, गल्प

लोग कार्य से पहले एक और फ़ंक्शन कैसे चला सकते हैंमुख्य कार्य चलाते हैं? AS u फंक्शन में देख सकते हैं कि स्ट्रीम है, और मैं सिंटैक्स (gulp.task ("कार्य", ["tast"], func ...) के बारे में जानता हूं, लेकिन मैं सूची में 999 कार्यों को देखना नहीं चाहता, इसलिए IM की कोशिश क्यों कर रहा हूं कार्यों के लिए कार्यों का उपयोग करें

function cssBuild() {
var dt = gulp
.src("app/html-dev/styl/framework/style.styl")
.pipe(plumber({ errorHandler: onError }))
.pipe(stylus({ use: nib(), "include css": true, import: ["nib"], compress: false }))
.pipe(gulp.dest("app/cache/css"))
.pipe(browserSync.stream());
return dt;
}


function htmlBuild() {
var dt = gulp
.src("app/html-dev/**/*.pug")
.pipe(plumber({ errorHandler: onError }))
.pipe(pug({
pretty: true
}))
.pipe(gulp.dest("app/cache"))
.pipe(browserSync.stream());
return dt;
}

gulp.task("build", function() {
var removeDist = del.sync("app/dist");

cssBuild();
htmlBuild();
jsBuild();


return merge (

gulp
.src("app/cache/css/*.css")
.pipe(cssnano())
.pipe(gulp.dest("app/dist/css")),

gulp
.src(["app/html-dev/img/**/*", "!app/html-dev/img/empty.jpg"])
.pipe(gulp.dest("app/dist/img")),
gulp
.src(["app/html-dev/fonts/**/*", "!app/html-dev/fonts/empty.woff"])
.pipe(gulp.dest("app/dist/fonts")),

gulp
.src("app/cache/js/**/*")
.pipe(gulp.dest("app/dist/js")),

gulp
.src("app/cache/*.html")
.pipe(gulp.dest("app/dist"))
);

});

उत्तर:

संभवतः आप जिस समस्या में चल रहे हैं, वह यह है कि कार्य "आवश्यक रूप से समकालिक" नहीं हैं, इसलिए आपको उन्हें उचित रूप से व्यवहार करने की आवश्यकता है (यानी, उन्हें पूरा करने के लिए प्रतीक्षा करें)।

यह शायद उपयोग करने के लिए बेहतर है gulp जैसा कि यह इरादा है और कई अलग-अलग कार्य हैं (या पूरी तरह से और केवल सामान्य रूप से किसी चीज को लिपि करना)। आधा उपयोग करने की कोशिश कर रहा है gulp केवल आपको सिरदर्द पैदा करने वाला है।

यदि आप एक बड़े पैमाने पर होने के बारे में चिंतित हैं gulp कार्य सूची, आप इसके बजाय क्या कर सकते हैं एक साथ समूह कार्य हैं और फिर उन्हें कॉल करें।

उदाहरण के लिए:

gulp.task("html", () => { /* do something */ });
gulp.task("css", () => { /* do something */ });
gulp.task("js", () => { /* do something */ });

gulp.task("clean", () => { /* do something */ });

// Group the build ones into one call
gulp.task("build", ["html", "css", "js"]);

// Group the default into one
gulp.task("default", ["clean", "build"]);

उन्हें एक साथ समूहित करके, आप उन्हें एक काम में 100 चीजें होने के बिना अच्छा और व्यवस्थित रख सकते हैं इससे गल्प शो के फायदे भी मिलते हैं।