Gulp插件使用技巧

目录：

1. 插件的安装卸载
2. 插件使用的基本流程
3. 拆分任务
4. 监听
5. 默认任务

 

一、插件的安装卸载

 安装：

npm install gulp-less --save-dev

卸载

npm uninstall gulp-less --save-dev

 

二、插件使用的基本流程

1.创建gulpfile.js

2.创建package.json

3.安装gulp到项目

4.安装插件到项目

5.使用插件

6.运行看效果

实例：

Gulp插件autoprefixer的使用

Gulp插件less的使用

 

三、拆分任务

//任务mincss
gulp.task('mincss', function() {
//...
});

//任务minjs
gulp.task('minjs', function() {
//...
});

运行：

gulp minjs

则仅会执行minjs的任务

 

四、监听

gulp.task('do', function() {
//....
});

 //监听less下所有less文件，有变化则启动do任务
gulp.task('watch', function() {
gulp.watch('./less/*.less', ['do']);
});

 

五、默认任务

gulp.task('default', function() {
//命令输入gulp自动执行这里的任务
});

 

一般在default写入监听  

//调试用：监听任务
gulp.task('watch', function() {
gulp.watch('./less/*.less', ['do']);
});

gulp.task('default',['watch']);