-
Notifications
You must be signed in to change notification settings - Fork 9
/
gulpfile.js
111 lines (104 loc) · 2.94 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 and utils
var path = require('path'),
gulp = require('gulp'),
gutil = require('gulp-util'),
rename = require('gulp-rename'),
notify = require('gulp-notify'),
pump = require('pump'),
// Styles [sass, css]
sass = require('gulp-sass'),
cssnano = require('gulp-cssnano'),
autoprefixer = require('gulp-autoprefixer'),
// Browserify [es6]
uglify = require('gulp-uglify'),
source = require('vinyl-source-stream'),
buffer = require('vinyl-buffer'),
browserify = require('browserify'),
babelify = require('babelify'),
paths = {
src: 'src/',
dist: 'dist'
};
// Sripts
/*
gulp.task('scripts', function (callback) {
pump([
browserify({
entries: paths.src + 'ColorMix.js',
standalone: 'ColorMix',
debug: false,
extensions: ['.js', '.jsx', '.es6'],
transform: ['babelify']
})
.bundle(),
source('colormix.js'),
gulp.dest(paths.dist),
buffer(),
uglify(),
rename({
suffix: '.min'
}),
gulp.dest(paths.dist),
notify({
title: "ColorMix library",
subtitle: 'Scripts successfully compiled',
sound: 'Pop',
onLast: false,
wait: true,
message: "Compiled <%= file.relative %> @ <%= options.date %>",
templateOptions: {
date: new Date()
}
})
], callback);
});
*/
// Styles
gulp.task('styles', function (callback) {
pump([
gulp.src([
'examples/demo/assets/sass/{,*/}*.{scss,sass}'
]),
sass({
outputStyle: 'compressed',
}),
autoprefixer({
browsers: ['last 2 versions', '> 1%']
}),
cssnano({
'zindex': false,
'postcss-merge-idents': false,
'postcss-reduce-idents': false
}),
rename({
suffix: '.min'
}),
gulp.dest('examples/demo/assets/css'),
notify({
title: "ColorMix library",
subtitle: 'Styles successfully compiled',
sound: 'Pop',
onLast: false,
wait: true,
message: "Compiled <%= file.relative %> @ <%= options.date %>",
templateOptions: {
date: new Date()
}
})
], callback);
});
// Watch
gulp.task('watch', function () {
// Watch .js files
// gulp.watch('src/**/*.js', ['scripts']);
// Watch .sass files
gulp.watch('examples/**/*.{sass,scss}', ['styles']);
});
// Dev
gulp.task('serve', ['styles'], function () {
gulp.start('watch');
});
// gulp.task('build', ['scripts', 'styles']);
gulp.task('build', ['styles']);
// Default task
gulp.task('default', ['serve']);