-
Notifications
You must be signed in to change notification settings - Fork 6
/
gulpfile.js
118 lines (103 loc) · 2.98 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
112
113
114
115
116
117
118
'use strict';
var gulp = require('gulp'),
runSequence = require('run-sequence'),
nunjucksRender = require('gulp-nunjucks-render'),
htmlmin = require('gulp-htmlmin'),
del = require('del'),
browserSync = require('browser-sync').create(),
watch = require('gulp-watch'),
gulpAmpValidator = require('gulp-amphtml-validator'),
open = require('gulp-open'),
rename = require('gulp-rename'),
sitemap = require('gulp-sitemap'),
sass = require('gulp-sass');
var config = {
url: 'http://localhost',
port: 8000,
defaultLanguage: 'en'
};
gulp.task('development', function (done) {
runSequence('browser-sync', 'watch', 'build', 'openBrowser', function () {
done();
});
});
gulp.task('browser-sync', function () {
browserSync.init({
server: {
baseDir: 'dist'
},
port: config.port,
ui: false,
open: false
});
});
gulp.task('watch', function () {
gulp.watch('src/**/*', ['build']);
});
gulp.task('openBrowser', function () {
return gulp.src(__filename)
.pipe(open({uri: 'http://localhost:' + config.port + '/' + config.defaultLanguage + '/'}));
});
gulp.task('build', function (done) {
runSequence('clean', 'sass', 'renderTemplates', 'minifyFiles', 'copyAssets', 'sitemap', function () {
console.log(new Date().toLocaleTimeString() + " - Build finished");
browserSync.reload();
done();
});
});
gulp.task('clean', function () {
return del(['dist']);
});
gulp.task('sass', function () {
return gulp.src('src/**/*.scss')
.pipe(sass.sync({outputStyle: 'compressed'}).on('error', sass.logError))
.pipe(rename({dirname: ''}))
.pipe(gulp.dest('src/styles/css/'));
});
gulp.task('renderTemplates', function () {
return gulp.src(['src/templates/pages/**/!(*.content)*.+(html|nunjucks)'],
{base: "src/templates"})
.pipe(nunjucksRender({
path: ['src'],
envOptions: { // This is to avoid having conflicts with Mustache used in AMP in amp-list component e.g.
tags: {
variableStart: '{$',
variableEnd: '$}',
commentStart: '<&',
commentEnd: '&>'
}
}
}))
.pipe(rename(function (file) {
file.dirname = file.dirname.substring(file.dirname.lastIndexOf("/") + 1);
return file;
}))
.pipe(gulp.dest('dist'));
});
gulp.task('copyAssets', function () {
return gulp.src(['src/assets/**/*'])
.pipe(gulp.dest('dist/assets/'));
});
gulp.task('minifyFiles', function () {
return gulp.src('dist/**/*.html')
.pipe(htmlmin({collapseWhitespace: true}))
.pipe(gulp.dest('dist'));
});
gulp.task('removeCss', function () {
return del(['src/css']);
});
gulp.task('sitemap', function () {
return gulp.src('dist/**/*.html', {
read: false
})
.pipe(sitemap({
siteUrl: config.url + ':' + config.port
}))
.pipe(gulp.dest('dist'));
});
gulp.task('validate', function () {
return gulp.src('dist/**/*.html')
.pipe(gulpAmpValidator.validate())
.pipe(gulpAmpValidator.format())
.pipe(gulpAmpValidator.failAfterError());
});