Gulp හි ගොනු නැවත නම් කිරීම

CSS හෝ JavaScript ගොනු අවම කිරීමේදී ප්‍රශස්තිකරණය කරන ලද ගොනු නමේදීම min ලෙස සලකුණු කර තිබුනේ නම් ඉතා පහසු වනු ඇත, උදාහරණයක් ලෙස, styles.min.css.

මේ සඳහා 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 විහිදුම ඇති වන පරිදිය.