-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
123 lines (111 loc) · 3.31 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
121
122
123
var gulp = require('gulp'),
sass = require('gulp-ruby-sass'),
concat = require('gulp-concat'),
browserSync = require('browser-sync').create(),
reload = browserSync.reload,
debug = require('gulp-debug'),
uglify = require('gulp-uglify'),
notify = require('gulp-notify'),
bower = require('gulp-bower'),
minifyCSS = require('gulp-minify-css'),
autoprefixer= require('gulp-autoprefixer'),
modernizr = require('gulp-modernizr'),
merge = require('merge2');
var config = {
sassPath: 'app/src/scss/css_builder.scss',
normalize: 'bower_components/normalize.css/normalize.css',
bowerDir: 'bower_components',
cssSrc: 'app/src/css',
cssDist: 'app/dist/css',
jsPath: 'app/src/js'
}
// runs bower install
gulp.task('bower', function() {
return bower()
.pipe(gulp.dest(config.bowerDir))
});
// move fonts into dist directory
gulp.task('icons', function() {
return gulp.src(config.bowerDir + '/fontawesome/fonts/**.*')
.pipe(gulp.dest('app/dist/fonts'));
});
// sets up sass, links bootstrap and fontawesome into path for access
gulp.task('sass', function() {
return sass(config.sassPath, {
loadPath: [
config.sassPath,
config.bowerDir + '/bootstrap-sass/assets/stylesheets',
config.bowerDir + '/fontawesome/scss'
]
})
.on('error', notify.onError(function (error) {
return 'Error: ' + error.message;
}))
.pipe(gulp.dest(config.cssSrc))
.pipe(reload({ stream:true }));
});
// merge css streams
gulp.task('styles', function() {
return merge(
gulp.src(config.normalize),
sass(config.sassPath)
)
.pipe(concat('style.css'))
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(gulp.dest(config.cssSrc));
});
// wrap css in literal tags for smarty parsing
gulp.task('literallyCSS', ['styles'], function() {
return gulp.src([
config.jsPath + '/literalopen',
config.cssSrc + '/style.css',
config.jsPath + '/literalclose'
])
.pipe(concat('style.css'))
.pipe(gulp.dest(config.cssDist));
});
// run all src js through modernizr
gulp.task('modernizr', ['styles'], function() {
return gulp.src([
config.cssSrc + '/*.css',
config.jsPath + '/**/*.js',
config.bowerDir + '/**/.*.js'
])
.pipe(modernizr())
.pipe(gulp.dest(config.jsPath));
});
// concatenates all js scripts into one file
gulp.task('scripts', function() {
return gulp.src([
config.jsPath + '/literalopen',
config.bowerDir + '/jquery/dist/jquery.min.js',
config.bowerDir + '/flot/jquery.flot.js',
config.bowerDir + '/flot/jquery.flot.*.js',
config.bowerDir + '/nicescroll/jquery.nicescroll.min.js',
config.jsPath + '/flotanimator/jquery.flot.animator.js',
config.jsPath + '/data_render.js',
config.jsPath + '/dashboard.js',
config.jsPath + '/literalclose'
])
.pipe(debug({title : 'js-scripts'}))
.pipe(concat('app.js'))
//.pipe(uglify())
.pipe(gulp.dest('app/dist/js'));
});
gulp.task('serve', ['literallyCSS', 'scripts', 'modernizr', 'icons'], function() {
browserSync.init({
server: {
baseDir: 'app',
},
startPath: '/dist/html/dashboard-flat.html',
ghostMode: { scroll: false }
});
gulp.watch(config.sassPath, ['literallyCSS']);
gulp.watch(config.jsPath + '/**/*.js', ['scripts']);
gulp.watch(['dist/html/*.html', 'dist/css/*.css', 'dist/js/*.js'], {cwd: 'app'}, reload);
});
gulp.task('ghostMode');
gulp.task('default', ['serve']);