-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathgulpfile.js
87 lines (80 loc) · 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
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
/**
* Imports
*/
const { src, dest, series, watch } = require( 'gulp' ),
sass = require( 'gulp-sass' ),
notify = require( 'gulp-notify' ),
minifycss = require( 'gulp-clean-css' ),
concat = require( 'gulp-concat' ),
uglify = require( 'gulp-uglify' ),
inline = require( 'gulp-inline' ),
entities = require( 'gulp-html-entities' ),
nunjucksRender = require( 'gulp-nunjucks-render' );
/**
* Paths
*/
const paths = {
scss: [ 'assets/scss/*' ],
js: [ 'assets/js/*' ],
source: [ 'source/**/*' ]
}
/**
* Process SASS and output to style.css at parent directory.
*/
const sassJob = function () {
return src( paths.scss)
.pipe( sass( {style: 'compact'}) )
.pipe( minifycss( {keepBreaks: false}) )
.pipe( dest( 'build/' ) )
.pipe( notify( 'SASS done.' ) );
}
/**
* Concatenate scripts from /js/ folder, minify them and output to scripts.js at parent directory.
*/
const jsJob = function () {
return src( paths.js )
.pipe( concat( 'scripts.js' ) )
.pipe( dest( 'build/' ) )
.pipe( uglify() )
.pipe( dest( 'build/' ) )
.pipe( notify( 'JS done.' ) );
}
/**
* Pull partials into templates and compile into /preview/ folder.
*/
const nunjucksJob = function () {
return src( 'source/*.+(html|nunjucks)' )
.pipe( nunjucksRender( {
path: [ 'source/' ]
}) )
.pipe( dest( 'preview/' ) )
};
/**
* Take linked CSS/JS files in html files in /preview/ and inline them, printing everything to /build/ folder.
*/
const buildJob = function () {
return src( 'preview/*.html' )
.pipe( inline( {
base: './',
}) )
.pipe( entities( 'encodeNonASCII' ) )
.pipe( dest( 'build/' ) )
.pipe( notify( 'Inserted styles and scripts inline into index.html.' ) );
};
/**
* Watch
*/
const watchJob = function () {
watch( paths.scss, sassJob ),
watch( paths.js, jsJob ),
watch( paths.source, nunjucksJob )
};
/**
* Export Tasks
*/
exports.sass = sassJob;
exports.js = jsJob;
exports.nunjucks = nunjucksJob;
exports.watch = watchJob;
exports.build = buildJob;
exports.default = series( sassJob, jsJob, watchJob );