-
Notifications
You must be signed in to change notification settings - Fork 1
/
gulpfile.js
83 lines (71 loc) · 1.85 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
// Based on http://blog.pagepro.co/2016/11/22/creating-amp-boilerplate-with-sass/
const gulp = require('gulp')
const plumber = require('gulp-plumber')
const sass = require('gulp-sass')
const cssnano = require('gulp-cssnano')
const fs = require('fs-extra')
const inject = require('gulp-inject-string')
const browser = require('browser-sync')
const reload = browser.reload
const runSequence = require('run-sequence')
gulp.task('sass', function () {
return gulp.src('./src/sass/*.scss')
.pipe(plumber())
.pipe(sass())
.pipe(cssnano())
.pipe(gulp.dest('./dist'))
})
gulp.task('html', function () {
const cssContent = fs.readFileSync('./dist/main.css', 'utf8')
return gulp.src('./src/html/*.html')
.pipe(inject.after('style amp-custom>', cssContent))
.pipe(gulp.dest('./dist'))
.pipe(reload({
stream: true
}))
})
gulp.task('serve', function () {
return browser({
port: 4500,
open: false,
ghostMode: false,
server: {
baseDir: './dist'
}
})
})
gulp.task('assets', function () {
return gulp.src('./src/assets/**')
.pipe(gulp.dest('./dist/assets'))
})
gulp.task('public', function () {
return gulp.src('./src/public/**')
.pipe(gulp.dest('./dist'))
})
gulp.task('favicon', function () {
return gulp.src('./src/favicon/**')
.pipe(gulp.dest('./dist'))
})
gulp.task('clean', function () {
return fs.remove('./dist/')
})
gulp.task('watch', function () {
gulp.watch('./src/sass/**', ['sass'])
gulp.watch('./dist/*.css', ['html'])
gulp.watch('./src/html/*.html', ['html'])
gulp.watch('./src/assets/**', ['assets'])
gulp.watch('./src/public/**', ['public'])
})
gulp.task('build', function () {
return runSequence(
'clean',
['favicon', 'assets', 'sass', 'public'],
'html'
)
})
gulp.task('default', function () {
return runSequence(
'build',
['watch', 'serve']
)
})