Gulp'то файлдар менен иштөө

Gulp файлдар тобун алууга, бул топко кандайдыр бир операцияларды жүргүзүүгө, анан өзгөртүлгөн файлдарды жаңы дарекке жайгаштырууга мүмкүндүк берет.

Бул үчүн атайын функциялар src жана dest колдонулат. Келгиле, адегенде аларды китепканабыздан импорттойлу:

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

src функциясы көрсөтүлгөн файлды алууга мүмкүндүк берет:

function task(cb) {
	return src('src/styles.css'); // callback чакыруунун ордуна 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 файлын түзүңүз. Тапшырма түзүңүз, ал биздин файлдардын көчүрмөсүн көрсөтүлгөн папкада түзсүн.