首页 > 其他 > 详细

Gulp插件使用技巧

时间:2015-11-26 12:42:41      阅读:297      评论:0      收藏:0      [点我收藏+]

目录:

  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‘]);

Gulp插件使用技巧

原文:http://www.cnblogs.com/tinyphp/p/4992676.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!