# Переименование файлов в 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')); }`

Минимизируйте JavaScript файлы с помощью плагина gulp-uglify так, чтобы получившиеся файлы имели расширение `.min.js`.

← →
↑