/
gulpfile.js
52 lines (46 loc) · 1.2 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
const gulp = require('gulp')
const pug = require('gulp-pug')
const stylus = require('gulp-stylus')
const poststylus = require('poststylus')
const autoprefixer = require('autoprefixer')
const lost = require('lost')
const imagemin = require('gulp-imagemin')
const connect = require('gulp-connect')
gulp.task('pug', () => {
gulp.src('./src/*.pug')
.pipe(pug())
.pipe(gulp.dest('./out/'))
.pipe(connect.reload())
})
gulp.task('stylus', () => {
gulp.src('./src/assets/css/*.styl')
.pipe(stylus({
compress: true,
use: [
poststylus(['autoprefixer','lost'])
]
}))
.pipe(gulp.dest('./out/assets/css'))
.pipe(connect.reload())
})
gulp.task('imagemin', () => {
gulp.src('./src/assets/*')
.pipe(imagemin([
imagemin.jpegtran({
progressive: true
})
]))
.pipe(gulp.dest('./out/assets'))
})
gulp.task('watch', () => {
gulp.watch(['./src/**/*.pug'], ['pug'])
gulp.watch(['./src/assets/css/**/*.styl'], ['stylus'])
})
gulp.task('connect', () => {
connect.server({
root: './out',
livereload: true
})
})
gulp.task('build', ['pug', 'stylus', 'imagemin'])
gulp.task('server', ['connect', 'watch'])