Преименување на датотеки во Gulp

При минимизирање на CSS или JavaScript датотеки би било многу погодно, доколку оптимизираните датотеки во името биле означени како min, на пример, styles.min.css.

За ова се користи plugin-от gulp-rename, кој ја преименува датотеката пред зачувување. За инсталирање на plugin-от потребно е во команден ред да се изврши следнава команда:

npm install gulp-rename --save-dev

Да ги поврземе сега минимизаторот за CSS и инсталираниот plugin за преименување:

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'));
}

Минимизирајте JavaScript датотеки со помош на plugin-от gulp-uglify така што добиените датотеки да имаат екстензија .min.js.