gulpfile.js
1.77 KB
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
var gulp = require("gulp");
var gulpLoadPlugins = require("gulp-load-plugins");
var plugins = gulpLoadPlugins();
var browserSync = require('browser-sync');
////////////////////////////////////////////////////////////////////////////////////////////////////////////版本
//版本
var copyCssImagesFiles=[
"./images/*"
];
// 图片处理
gulp.task('copy-css-images', function(){
gulp.src(copyCssImagesFiles)
.pipe(gulp.dest("./dist/images/"));
});
//清除css样式
gulp.task("clean-local-css", function(){
gulp.src("./dist/base.css", { read:false })
.pipe(plugins.clean());
});
// css合并，压缩文件
gulp.task("base-less",["clean-local-css"], function() {
gulp.src(["base.less"])
.pipe(plugins.less())
.pipe(plugins.minifyCss())
.pipe(plugins.rename("base.css"))
.pipe(gulp.dest("./dist/"));
});
gulp.task("watch", function() {
gulp.watch("base.less", ["base-less",browserSync.reload]);
gulp.watch("images/", ["copy-css-images",browserSync.reload]);
});
//检查错误代码
gulp.task('lint', function() {
gulp.src('./scripts/*.js')
.pipe(plugins.jshint())
.pipe(plugins.jshint.reporter('default'));
});
//浏览器同步
gulp.task('browser-sync', function() {
browserSync({
proxy: "http://localhost:80"
});
});
// 定义develop任务在日常开发中使用olveF
gulp.task("dev",["base-less","copy-css-images"],function(){});
// gulp命令默认启动的就是default认为,这里将clean任务作为依赖,也就是先执行一次clean任务,流程再继续.
gulp.task("default",["browser-sync","dev"], function() {
gulp.run("watch");
});