怎样让gulp监视文件变化自动执行
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
var Asset = {
js: 'src/*.js',
less: 'dev/*.less',
static: [
'src/*.html',
'src/*.css',
'src/*.png',
'src/*.gif',
'src/*.json',
]
};
gulp.task('less', function () {
return gulp.src(Asset.less)
.pipe(less())
.pipe(header(banner, {
pkg: pkg
}))
.pipe(gulp.dest('src/'))
.pipe(cssmin())
.pipe(header(banner, {
pkg: pkg
}))
.pipe(gulp.dest('dist/'))
});
gulp.task('watch', ['less'], function () {
gulp.watch(Asset.less, ['less']);
});
webpack和gulp的区别
gulp是工具链、构建工具，可以配合各种插件做js压缩，css压缩，less编译 替代手工实现自动化工作
1.构建工具
2.自动化
3.提高效率用
webpack是文件打包工具，可以把项目的各种js文、css文件等打包合并成一个或多个文件，主要用于模块化方案，预编译模块的方案
1.打包工具
2.模块化识别
3.编译模块代码方案用
所以定义和用法上来说 都不是一种东西，无可比性 ，更不冲突！【当然，也有相似的功能，比如合并，区分，但各有各的优势】
