/
gulpfile.js
141 lines (128 loc) · 4.23 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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
var gulp = require('gulp'),
clean = require('gulp-clean'),
notify = require('gulp-notify'),
sass = require('gulp-ruby-sass'),
minifyCss = require('gulp-minify-css'),
lintCss = require('gulp-csslint'),
prefix = require('gulp-autoprefixer'),
imagemin = require('gulp-imagemin'),
rename = require('gulp-rename'),
connect = require('gulp-connect'),
uglify = require('gulp-uglify'),
jshint = require('gulp-jshint'),
iconfont = require('gulp-iconfont'),
iconfontCss = require('gulp-iconfont-css'),
plumber = require('gulp-plumber');
var fontName = 'icon';
gulp.task('styles', function() {
return gulp.src('src/scss/**/*.scss')
.pipe(plumber())
.pipe(sass())
.pipe(prefix("last 3 versions", "> 5%", "ie 8", "ie 7", { cascade: true }))
.pipe(plumber.stop())
.pipe(rename({suffix: '.min'}))
.pipe(minifyCss())
.pipe(gulp.dest('./app/css'))
.pipe(connect.reload())
.pipe(notify({message: 'CSS done'}));
});
gulp.task('lintCss', function() {
return gulp.src('./app/css/*.css')
.pipe(lintCss({
'box-model': false,
'display-property-grouping': true,
'duplicate-properties': true,
'empty-rules': true,
'known-properties': false,
'adjoining-classes': false,
'box-sizing': false,
'compatible-vendor-prefixes': false,
'gradients': false,
'text-indent': false,
'vendor-prefix': true,
'fallback-colors': false,
'star-property-hack': true,
'underscore-property-hack': true,
'bulletproof-font-face': false,
'font-faces': false,
'import': true,
'regex-selectors': false,
'universal-selector': false,
'unqualified-attributes': false,
'zero-units': true,
'overqualified-elements': true,
'shorthand': true,
'duplicate-background-images': false,
'floats': false,
'font-sizes': false,
'ids': false,
'important': false,
'outline-none': false,
'qualified-headings': false,
'unique-headings': false
}))
.pipe(lintCss.reporter());
});
gulp.task('clean', function () {
gulp.src('./app/*', {
read: false
})
.pipe(clean());
});
gulp.task('jshint', function() {
gulp.src('./src/js/*.js')
.pipe(jshint())
.pipe(jshint.reporter('default'));
});
// JS concat, strip debugging and minify
gulp.task('scripts', function() {
gulp.src('./src/js/*.js')
.pipe(rename({suffix: '.min'}))
//.pipe(uglify())
.pipe(gulp.dest('./app/scripts/'))
.pipe(connect.reload());
});
gulp.task('images', ['clean'], function() {
return gulp.src(['./src/images/*.jpg', './src/images/**/*.jpg'])
.pipe(imagemin({
optimizationLevel: 5, progressive: true, interlaced: true
}))
.pipe(gulp.dest('./app/images'));
});
gulp.task('iconfont', function(){
gulp.src(['./src/icon/*.svg'], {base : './src'})
.pipe(iconfontCss({
fontName: fontName,
path: './src/icon/_icons.scss',
targetPath: '../../src/scss/_icons.scss',
fontPath: '../icon/'
}))
.pipe(iconfont({
fontName: fontName
}))
.pipe(gulp.dest('./app/icon/'));
});
gulp.task('site', function() {
return gulp.src(['./src/*.html', './src/*.ico', './src/.htaccess', './src/*.pdf'])
.pipe(gulp.dest('./app'))
.pipe(connect.reload())
.pipe(notify({message: 'HTML done'}));
});
gulp.task('watch', function() {
gulp.watch(['./src/*.html'], ['site']);
gulp.watch(['./src/scss/**/*.scss'], ['styles']);
gulp.watch(['./src/js/*.js'], ['scripts']);
gulp.watch(['./src/images/*.jpg'], ['images']);
gulp.watch(['./src/icon/*.svg'], ['iconfont', 'styles'])
});
gulp.task('connect', function() {
connect.server({
root: 'app',
port: 8000,
livereload: true
});
});
gulp.task('default', function() {
gulp.start('site', 'images', 'iconfont', 'styles', 'connect', 'watch');
});
gulp.task('release', ['clean', 'site', 'iconfont', 'images', 'styles', 'lintCss']);