Hernoem lêers in Gulp
Wanneer CSS of JavaScript lêers geminimaliseer word,
sou dit baie handig wees as die geoptimaliseerde
lêers in die naam gemerk word as min,
byvoorbeeld, styles.min.css.
Hiervoor word die plugin gulp-rename gebruik, wat die lêer hernoem voordat dit gestoor word. Om die plugin te installeer, moet jy die volgende opdrag in die opdragreël uitvoer:
npm install gulp-rename --save-dev
Laat ons nou die CSS-minimaliseerder en die geïnstalleerde plugin vir hernoem koppel:
let {src, dest} = require('gulp');
let cleanCSS = require('gulp-clean-css');
let rename = require('gulp-rename');
Laat ons nou die hernoeming van lêers uitvoer voordat hulle gestoor word:
function task(cb) {
return src('src/*.css')
.pipe(cleanCSS())
.pipe(rename({
extname: '.min.css'
})
)
.pipe(dest('dist'));
}
Minimaliseer JavaScript lêers met behulp van
die plugin gulp-uglify sodat die resulterende
lêers die uitbreiding .min.js het.
