-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgulpfile.js
120 lines (104 loc) · 2.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
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
119
120
/**
* Settings
* Turn on/off build features
*/
var settings = {
clean: true,
scripts: true,
polyfills: true,
styles: true,
svgs: true,
copy: false,
reload: true,
};
/**
* Paths to project folders
*/
var paths = {
input: 'src/',
output: 'dist/',
scripts: {
input: 'src/js/*',
polyfills: '.polyfill.js',
output: 'dist/js/',
},
styles: {
input: 'src/styles.scss',
output: 'dist/css/',
},
svgs: {
input: 'src/svg/*.svg',
output: 'dist/svg/',
},
copy: {
input: 'src/copy/**/*',
output: 'dist/',
},
reload: './dist/',
};
/**
* Gulp Packages
*/
// General
var { gulp, src, dest, watch, series, parallel } = require('gulp');
var del = require('del');
var rename = require('gulp-rename');
var package = require('./package.json');
var bourbon = require('node-bourbon');
bourbon.with('./src/styles.scss');
// Styles
var sass = require('gulp-sass');
var postcss = require('gulp-postcss');
var prefix = require('autoprefixer');
var minify = require('cssnano');
// Remove pre-existing content from output folders
var cleanDist = function (done) {
// Make sure this feature is activated before running
if (!settings.clean) return done();
// Clean the dist folder
del.sync([paths.output]);
// Signal completion
return done();
};
// Process, lint, and minify Sass files
var buildStyles = function (done) {
// Make sure this feature is activated before running
if (!settings.styles) return done();
// Run tasks on all Sass files
return src(paths.styles.input)
.pipe(
sass({
outputStyle: 'expanded',
includePaths: bourbon.includePaths,
})
)
.pipe(dest(paths.styles.output))
.pipe(rename({ suffix: '.min' }))
.pipe(
postcss([
prefix({
cascade: true,
remove: true,
}),
minify({
discardComments: {
removeAll: true,
},
}),
])
)
.pipe(dest(paths.styles.output));
};
// Copy static files into output folder
var copyFiles = function (done) {
// Make sure this feature is activated before running
if (!settings.copy) return done();
// Copy static files
return src(paths.copy.input).pipe(dest(paths.copy.output));
};
/**
* Export Tasks
*/
// Default task
// gulp
exports.default = series(cleanDist, parallel(buildStyles, copyFiles));