Gulp. Урок 8. Сборка проекта в продакшен в папку dist

Сборка проекта в продакшен в папку dist
1) Создаем папку dist и копируем туда папки css, js, img



2) В файле gulpfile.js пишем задания на перенос файлов: css, js, html и шрифтов.
var gulp = require('gulp'),
sass = require('gulp-sass'),
browserSync = require('browser-sync'),
concat = require('gulp-concat'),
uglify = require('gulp-uglifyjs'),
cssnano = require('gulp-cssnano'),
rename = require('gulp-rename'),
del = require('del'); // плагин для удаления файлов и папок

// Это задание удалит старую структуру
gulp.task('clean', function(){
return del.sync('dist');
})


gulp.task('build', ['sass', 'scripts'], function(){
var buildCss = gulp.src([
'app/css/main.css',
'app/css/libs.min.css'
])
.pipe(gulp.dest(dist/css))

var buildFonts = gulp.src('app/fonts/**/*')
.pipe(gulp.dest('dist/fonts'))

var buildJs = gulp.src('app/js/**/*')
.pipe(gulp.dest('dist/js'))

var buildHtml = gulp.src('app/*.html')
.pipe(gulp.dest('dist'))
})


3) Очистим нашу папку dist с помощью плагина del.
Для этого в консоле напишем: npm install del --save-dev

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