Gulpда файлларни номлаш

CSS ёки JavaScript файлларини минимизация қилишда оптимизацияланган файллар номида min деб белгиланса, масалан, styles.min.css, Juda қулай бўлар эди.

Бунинг учун gulp-rename плагини қўлланилади, у файлни сақлашдан олдин номини ўзгартиради. Плагини ўрнатиш учун команда сатрида куйидаги буйруқни бажариш керак:

npm install gulp-rename --save-dev

Энди CSS минимизатори ва ўрнатилган номлаш плагинини улаймиз:

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

Энди файлларни сақлашдан олдин уларнинг номларини ўзгартирамиз:

function task(cb) {
	return src('src/*.css')
		.pipe(cleanCSS())
		.pipe(rename({
				extname: '.min.css'
			})
		)
		.pipe(dest('dist'));
}

gulp-uglify плагини ёрдамида JavaScript файлларини минимизация қилинг, ҳосил бўлган файллар .min.js кенгайишга эга бўлсин.