-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
117 lines (104 loc) · 2.72 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
const { series, src, dest, watch, parallel } = require('gulp');
var less = require('gulp-less');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var concat = require('gulp-concat'); //合并文件
var changedInPlace = require('gulp-changed-in-place');//不管修改哪个文件,gulp会简化DEST里的html文件
var minifyHTML = require('gulp-htmlmin'); //简化html
var browserSync = require('browser-sync').create(); //自动刷新
var babel = require('gulp-babel'); //支持es6
var gulpClean = require('gulp-clean'); //监听
var LessAutoprefix = require('less-plugin-autoprefix');
var minifyCSS = require('gulp-csso');
var gutil = require('gulp-util'); //log
var autoprefix = new LessAutoprefix({ browsers: ['last 6 versions', '> 1%', 'ie 9'] });
/**
* 打包 less 文件
*/
function minifyless () {
return src('src/style/style.less', {allowEmpty: true})
.pipe(less({
plugins: [autoprefix],
}))
.pipe(minifyCSS())
.pipe(rename('style.min.css'))
.pipe(dest('dist/css'))
.pipe(browserSync.stream());
}
/***
* 压缩 js 文件
*/
function minifyjs(){
return src('src/js/index.js')
.pipe(babel())
.pipe(uglify())
.on('error', function(err) {
gutil.log(gutil.colors.red('[Error]'), err.toString());
})
.pipe(concat('index.min.js'))
.pipe(dest('dist/js'))
.pipe(browserSync.stream());
}
/***
* 拷贝 font
*/
function copyFont(){
return src('src/font/**')
.pipe(dest('dist/font'))
.pipe(browserSync.stream());
}
/***
* 拷贝 image
*/
function copyImage(){
return src('src/image/**')
.pipe(dest('dist/image'))
.pipe(browserSync.stream());
}
function minifyHtml(){
return src('src/*.html')
.pipe(changedInPlace({firstPass: true}))
.pipe(minifyHTML({collapseWhitespace: true}))
.pipe(dest('./'))
.pipe(browserSync.stream());
}
function clean() {
return src('dist', {read: false, allowEmpty:true})
.pipe(gulpClean());
}
var files = [
'./dist/css/*.css',
'./dist/js/*.js'
];
function browserSyncTask(){
return browserSync.init(files,{
server: {
baseDir: './'
},
port: 9999
});
}
function watchTask() {
watch('src/style/*.less',minifyless)
watch('src/js/index.js',minifyjs)
watch('src/index.html',minifyHtml)
watch('src/font/**',copyFont)
watch('src/image/**',copyImage)
}
/**
* default 任务
*/
//develop
// exports.build = build;
exports.default = series(
clean,
parallel(
copyImage,
copyFont,
minifyjs,
minifyless,
minifyHtml,
watchTask,
browserSyncTask
)
);