This repository has been archived by the owner on Jan 13, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
85 lines (71 loc) · 2.06 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
/* PIT Theme Gulpfile
* Copyright © 2017 Viktor Yakubiv
*/
const gulp = require('gulp');
const del = require('del');
const filter = require('gulp-filter');
const plumber = require('gulp-plumber');
const rename = require('gulp-rename');
const runSequence = require('run-sequence');
const postcss = require('gulp-postcss');
const autoprefixer = require('autoprefixer');
const cssImport = require('postcss-import');
const nano = require('cssnano');
const sorting = require('postcss-sorting');
const babel = require('gulp-babel');
const uglify = require('gulp-uglify');
const browserSync = require('browser-sync').create();
gulp.task('clean', () => {
return del('public');
});
gulp.task('css', () => {
return gulp.src('src/css/main.css')
.pipe(plumber())
.pipe(postcss([cssImport(), autoprefixer(), sorting()]))
.pipe(gulp.dest('public/css'))
.pipe(filter('**/*.css'))
.pipe(postcss([nano()]))
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest('public/css'))
.on('end', browserSync.reload);
});
gulp.task('js', () => {
return gulp.src('src/js/*')
.pipe(plumber())
// .pipe(babel({presets: ['env']}))
// .pipe(rename({basename: 'app'}))
// .pipe(gulp.dest('public/js'))
// .pipe(uglify())
// .pipe(rename({suffix: '.min'}))
.pipe(gulp.dest('public/js'));
});
gulp.task('html', () => {
return gulp.src('src/index.html')
.pipe(gulp.dest('public'))
.on('end', browserSync.reload);
});
gulp.task('images', () => {
return gulp.src('src/images/**')
.pipe(gulp.dest('public/images'))
.on('end', browserSync.reload);
});
gulp.task('build', (cb) => {
runSequence(
'clean',
['css', 'js', 'html', 'images'],
cb
);
});
gulp.task('server', () => {
return browserSync.init({
server: 'public'
});
});
gulp.task('watch', () => {
gulp.watch('src/css/**', ['css']);
gulp.watch('src/js/**', ['js']);
gulp.watch('src/**/*.html', ['html']);
});
gulp.task('default', () => {
runSequence('build', 'server', 'watch');
});