Umbenennen von Dateien in Gulp
Bei der Minimierung von CSS- oder JavaScript-Dateien
wäre es sehr praktisch, wenn die optimierten
Dateien im Namen als min markiert würden,
z.B. styles.min.css.
Dafür wird das Plugin gulp-rename verwendet, das eine Datei vor dem Speichern umbenennt. Um das Plugin zu installieren, muss in der Kommandozeile folgender Befehl ausgeführt werden:
npm install gulp-rename --save-dev
Lassen Sie uns nun den CSS-Minimierer und das installierte Plugin zum Umbenennen einbinden:
let {src, dest} = require('gulp');
let cleanCSS = require('gulp-clean-css');
let rename = require('gulp-rename');
Führen wir nun die Umbenennung der Dateien vor deren Speicherung durch:
function task(cb) {
return src('src/*.css')
.pipe(cleanCSS())
.pipe(rename({
extname: '.min.css'
})
)
.pipe(dest('dist'));
}
Minimieren Sie JavaScript-Dateien mit Hilfe
des Plugins gulp-uglify so, dass die resultierenden
Dateien die Erweiterung .min.js haben.
