Коркарди файлҳо дар 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-и ҳосилшударо минимизация кард ва ғайра.
Барои ҳар як амалиёт плагини npm-и вижа барои Gulp пешбинӣ шудааст. Плагинҳоро бояд насб кард ва ба файли мо пайваст кард. Мо омӯзиши плагинҳои гуногунро дар дарсҳои оянда идома хоҳем дод.
Акнун барои гарм кардан биёед файли худро гирифта
нусхаи онро ба ҷузвдони 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 созед. Вазифае созед, ки нусхаи файлҳои моро дар ҷузвдони нишондодашуда созад.