-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
111 lines (93 loc) · 3.56 KB
/
gulpfile.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
var gulp = require('gulp'),
sass = require('gulp-sass'),
autoprefixer = require('gulp-autoprefixer');
concat = require('gulp-concat'),
uglify = require('gulp-uglifyjs');
imagemin = require('gulp-imagemin'),
pngquant = require('imagemin-pngquant');
del = require('del');
cleanCSS = require('gulp-clean-css');
browserSync = require('browser-sync');
gulp.task('browserSync', function () {
browserSync.init({
server: {
baseDir: "./dist"
},
port: 8080,
open: true,
notify: false
});
});
gulp.task('app-sass', function () {
gulp.src('app/scss/main.scss')
.pipe(sass())
.pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { cascade: true }))
.pipe(gulp.dest('dist/css'))
.pipe(browserSync.stream());
});
gulp.task('libs-sass', function () {
gulp.src(['node_modules/slick-carousel/slick/slick.scss',
'node_modules/slick-carousel/slick/slick-theme.scss'
])
.pipe(sass())
.pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { cascade: true }))
.pipe(gulp.dest('dist/css'))
.pipe(browserSync.stream());
});
gulp.task('minify-css', function () {
return gulp.src('app/fonts/*.css')
.pipe(cleanCSS({ compatibility: 'ie8' }))
.pipe(gulp.dest('dist/css'))
.pipe(browserSync.stream());
});
gulp.task('libs-scripts', function () {
return gulp.src([
'node_modules/jquery/dist/jquery.min.js',
'node_modules/foundation-sites/dist/js/foundation.min.js',
'node_modules/slick-carousel/slick/slick.min.js',
])
.pipe(concat('libs.min.js')) // Собираем их в кучу в новом файле libs.min.js
.pipe(uglify()) // Сжимаем JS файл
.pipe(gulp.dest('dist/js')) // Выгружаем в папку app/js
.pipe(browserSync.stream());
});
gulp.task('app-scripts', function () {
return gulp.src([
'app/js/script.js'
])
.pipe(concat('app.js')) // Собираем их в кучу в новом файле libs.min.js
.pipe(gulp.dest('dist/js')); // Выгружаем в папку app/js
});
gulp.task('img', function () {
return gulp.src('app/imgs/**/*') // Берем все изображения из app
.pipe(imagemin({ // Сжимаем их с наилучшими настройками
interlaced: true,
progressive: true,
svgoPlugins: [{ removeViewBox: false }],
use: [pngquant()]
}))
.pipe(gulp.dest('dist/imgs')); // Выгружаем на продакшен
});
gulp.task('fonts', function () {
return gulp.src(['app/fonts/*.+(eot|ttf|svg|woff)',
'node_modules/slick-carousel/slick/fonts/*.+(eot|ttf|svg|woff)'
])
.pipe(gulp.dest('dist/fonts'))
});
gulp.task('watch', function () {
gulp.watch('app/scss/**/*.scss', ['app-sass']).on('change', browserSync.reload);
gulp.watch("app/*.html").on('change', browserSync.reload);
});
gulp.task('clean', function () {
return del.sync('dist'); // Удаляем папку dist перед сборкой
});
gulp.task('serve', ['clean', 'app-sass', 'minify-css', 'img', 'fonts'], function () {
});
gulp.task('build', ['app-sass', 'libs-sass', 'app-scripts', 'libs-scripts', 'img', 'fonts'], function () {
var buildHtml = gulp.src('app/*.html') // Переносим HTML в продакшен
.pipe(gulp.dest('dist'));
});
gulp.task('default', ['watch', 'build', 'browserSync']);
gulp.task('clear', function () {
return cache.clearAll();
})