Kausta puhastamine enne salvestamist Gulpis

Olete kindlasti juba märganud, et failide salvestamisel kausta ei kustuta Gulp sealt eelmisi faile.

Selleks, et see toimuks, tuleb paigaldada spetsiaalne plugin del.

Paigaldame selle, käivitades järgmise käske:

npm install del --save-dev

See plugin erineb varasematest kasutatutest selle poolest, et seda kasutatakse väljaspool meetodite ahelat pipe. Seetõttu peame antud juhul looma ülesannete grupi: esimene ülesanne tegeleb kausta puhastamisega ja teine teeb kasulikku tööd.

Valime näiteks kasulikuks tööks CSS-i minimeerimise.

Ühendame kõik vajalik:

let {src, dest, series} = require('gulp');
let cleanCSS = require('gulp-clean-css');
let del = require('del');

Teeme ülesande kausta dist puhastamiseks:

function taskDel(cb) {
	return del('dist/*');
}

Teeme ülesande CSS-i minimeerimiseks:

function taskCss(cb) {
	return src('src/*.css')
		.pipe(cleanCSS())
		.pipe(dest('dist'));
}

Teostame ülesannete seeria:

exports.default = series(taskDel, taskCss);

Kogume kõik kokku ja saame järgmise koodi:

function taskDel(cb) {
	return del('dist/*');
}
function taskCss(cb) {
	return src('src/*.css')
		.pipe(cleanCSS())
		.pipe(dest('dist'));
}

exports.default = series(taskDel, taskCss);

Tehke ülesanne JavaScripti minimeerimiseks. Puhastage kaust enne iga ülesande käivitamist.

Tehke kolmest ülesandest koosnev grupp: ülesanne kausta puhastamiseks, ülesanne CSS-i minimeerimiseks ja ülesanne JavaScripti minimeerimiseks. Määrake, millised ülesanded peaksid toimuma järjestikku, ja millised - paralleelselt.