Gulp-da faýllar bilen işlemek

Gulp faýllaryň toparyny almak, bu topar bilen belli bir amaly ýerine ýetirmek, soňra bolsa üýtgedilen faýllary täresi ýere ýerleşdirmäge mümkinçilik berýär.

Bunun üçin src we dest ýörite funksiýalary bellidir. Ilki bilen olary kitaphanamyzdan import edeliň:

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

src funksiýasy görkezilen faýly almagy üpjün edýär:

function task(cb) {
	return src('src/styles.css'); // cb çagyrmak ýerine return
}

Soňra bu faýl bilen pipe funksiýasy ýardamynda zynjyr boýunça dürli amallary ýerine ýetirmek mümkin. Şemaly taýdan bu aşakdaky ýaly görünýär:

function task(cb) {
	return src('src/styles.css')
		.pipe(operation1)
		.pipe(operation2)
		.pipe(operation3)
}

Zynjyrdaky iň soňky pipe çagyryşy, ýerine ýetirilen amallaryň netijesiniň ýerleşdiriljek papkasyny kesgitleýän dest funksiýasy bilen tamamlanýar:

function task(cb) {
	return src('src/styles.css')
		.pipe(operation1)
		.pipe(operation2)
		.pipe(operation3)
		.pipe(dest('dist')); // dist papkasyna ibereris
}

Her bir amal faýlymyz bilen belli bir manipýulasiýa edýär. Mysal üçin, ilki bilen LESS-dan CSS-e öwürmek, soňra CSS aýratynlyklaryna prefiksler goşmak, soňra alnan CSS-i minimalizirlemek we ş.m.

Her bir amal üçin Gulp üçin öz npm plagini gerek. Pluginleri gurnamaly we faýlymyza birikdirmeli. Dürli pluginleri öwrenmegi indiki sapaklara goýarys.

Häzirlik ýygyndylyk üçin faýlymyzy alyň we onuň nusgasyny dist papkasyna iberiň, ona belli bir amallary ýerine ýetiren ýaly:

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

Üç sany CSS faýly düzüň. Üç sany umumy task düzüň. Her task belli bir papkada faýllarymyzyň biriniň nusgasyny düzetmeli.

Faýllara ýollaryň massiwý

src funksiýasy parametr hökmünde bir faýly däl, eýsem massiw görnüşinde birden köp faýly kabul edip biler:

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

Üç sany CSS faýly düzüň. Faýllarymyzyň nusgasyny görkezilen papkada düzetýän task düzüň.