Gulp. Урок 3. Плагины для JS.

Плагины для работы с JS-файлами.



1) gulp-concat
https://www.npmjs.com/package/gulp-concat
Установка: npm install --save-dev gulp-concat

В файле gulpfile.js пишем:
var concat = require('gulp-concat');
var gulp = require('gulp');

gulp.task('default', function() {
  return gulp.src('js/*.js')
    .pipe(concat('all.js'))
    .pipe(gulp.dest('./dist/'));
});

Запускаем командой gulp
У нас появляется папка dist с файлом all.js

2) Минификация файла удобна с помщью плагина gulp-uglyfly
Установка: npm install --save-dev gulp-uglyfly

В файле gulpfile.js пишем:
var concat = require('gulp-concat');
var gulp = require('gulp');
var uglyfly = require('gulp-uglyfly');

gulp.task('default', function() {
  return gulp.src('js/*.js')
    .pipe(concat('all.js'))
.pipe(uglyfly())
    .pipe(gulp.dest('./dist/'));
});

Запускаем командой gulp

3) Код можно проверять на соотвествие стандартам плагином gulp-jscs
https://www.npmjs.com/package/gulp-jscs

Установка: npm i gulp-jscs

4) Плагин gulp-express запускает веб-сервер на компьютере.
https://www.npmjs.com/package/gulp-express

5) gulp-babel
https://www.npmjs.com/package/gulp-babel

6) Скрипт, который показывает ошибки в процессе разработки gulp-jshint
https://www.npmjs.com/package/gulp-jshint