Gulpда файллар билан ишлаш

Gulp файллар гуруҳини олиш, ушбу гуруҳ билан маълам амал бажариш, ва сўнгра ўзгартирилган файлларни янги манзилга жойлаштириш имконини беради.

Бунга махсус src ва dest функциялари мос келади. Аввало уларни бизнинг кутубхонамиздан импорт қилайлик:

let {src, dest} = require('gulp');

src функцияси кўрсатилган файлни олиш имконини беради:

function task(cb) {
	return src('src/styles.css'); // cb ни чақириш ўрнига return
}

Ушбу файл билан сўнгра pipe функцияси ёрдамида турли амалларни занжир бўйлаб бажариш мумкин. Схематик равишда бу қуйидагича кўринади:

function task(cb) {
	return src('src/styles.css')
		.pipe(операция1)
		.pipe(операция2)
		.pipe(операция3)
}

Занжирдаги охирги pipe чақируви dest функцияси билан тугайди, у амаллар натижаси жойлашувчи папкани белгилайди:

function task(cb) {
	return src('src/styles.css')
		.pipe(операция1)
		.pipe(операция2)
		.pipe(операция3)
		.pipe(dest('dist')); // dist папкасига жўнатамиз
}

Ҳар бир амал бизнинг файлимиз билан маълам манипуляцияни амалга оширади. Масалан, аввало LESS ни CSS га айлантириш, сўнгра CSS хоссаларига префикслар қўшиш, сўнгра олинган CSS ни минимизация қилиш ва ҳоказо.

Ҳар бир амал учун Gulp учун алоҳи npm плагини мўлжалланган. Плагинларни ўрнатиш ва бизнинг файлимизга улаш керак. Турли плагинларни ўрганиш билан биз кейинги дарсликларда шуғулланамиз.

Ҳозирча ишни йўлға қўйиш учун бизнинг файлимизни олиб, унинг нусхасини dist папкасига жўнатамиз, худди устида айрим амаллар бажаргандек:

function task(cb) {
	return src('src/styles.css')
		.pipe(dest('dist'));
}

Учта CSS файл яратинг. Учта оммавий вазифа яратинг. Ҳар бир вазифа бизнинг файлларнинг биттасининг нусхасини белгиланган папкада яратисин.

Файллар йўллар массиви

src функцияси параметр сифатида битта файлни эмас, балки массив кўринишида бир нечтасини қабул қилиши мумкин:

function task(cb) {
	let files = [
		'src/styles1.css',
		'src/styles2.css'
	];
	
	return src(files)
		.pipe(dest('dist'));
}

Учта CSS файл яратинг. Белгиланган папкада бизнинг файллар нусхасини яратадиган вазифа яратинг.