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']);
上一篇:关于用Cocos2d-x.3.10运行别人游戏项目的步骤


下一篇:掌握这些技能玩转iOS