-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathgulpfile.js
111 lines (96 loc) · 2.77 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
// ==========================================================================
// Gulp build script
// ==========================================================================
/*global require, __dirname*/
var fs = require("fs"),
path = require("path"),
gulp = require("gulp"),
gutil = require("gulp-util"),
concat = require("gulp-concat"),
uglify = require("gulp-uglify"),
less = require("gulp-less"),
minifyCss = require("gulp-minify-css"),
runSequence = require("run-sequence"),
prefix = require("gulp-autoprefixer"),
svgstore = require("gulp-svgstore"),
svgmin = require("gulp-svgmin");
var projectPath = __dirname;
var paths = {
project: projectPath,
// Watch paths
watchless: path.join(projectPath, "assets/less/**/*"),
watchjs: path.join(projectPath, "assets/js/**/*"),
// SVG Icons
svg: path.join(projectPath, "lib/icomoon/SVG/*.svg"),
// Output paths
js: path.join(projectPath, "dist/js/"),
css: path.join(projectPath, "dist/css/"),
icons: path.join(projectPath, "dist/svg/")
},
// Task names
taskNames = {
lessBuild: "less-",
jsBuild: "js-",
iconBuild: "icon-build",
},
// Task arrays
lessBuildTasks = [],
jsBuildTasks = [],
// Fetch bundles from JSON
bundles = loadJSON(path.join(paths.project, "bundles.json"));
// Load json
function loadJSON(path) {
return JSON.parse(fs.readFileSync(path));
}
// Process JS
for (var key in bundles.js) {
(function(key) {
var taskName = taskNames.jsBuild + key;
jsBuildTasks.push(taskName);
gulp.task(taskName, function () {
return gulp
.src(bundles.js[key])
.pipe(concat(key))
.pipe(uglify())
.pipe(gulp.dest(paths.js));
});
})(key);
}
// Process CSS
for (var key in bundles.less) {
(function (key) {
var taskName = taskNames.lessBuild + key;
lessBuildTasks.push(taskName);
gulp.task(taskName, function () {
return gulp
.src(bundles.less[key])
.pipe(less())
.on("error", gutil.log)
.pipe(concat(key))
.pipe(prefix(["last 2 versions", "> 1%", "ie 9"], { cascade: true }))
.pipe(minifyCss())
.pipe(gulp.dest(paths.css));
});
})(key);
}
// Process Icons
gulp.task(taskNames.iconBuild, function () {
gulp
.src(paths.svg)
.pipe(svgmin())
.pipe(svgstore({
prefix: "icon-",
fileName: "sprite.svg"
}))
.pipe(gulp.dest(paths.icons));
});
// Default gulp task
gulp.task("default", function(){
runSequence(jsBuildTasks.concat(lessBuildTasks, taskNames.iconBuild, "watch"));
});
// Watch for file changes
gulp.task("watch", function () {
gulp.watch(paths.watchless, lessBuildTasks);
gulp.watch(paths.watchjs, jsBuildTasks);
gulp.watch(paths.watchicons, taskNames.iconBuild);
});