注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

左岸

web前端

 
 
 

日志

 
 

gulp  

2016-10-26 12:09:32|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
一、使用流程:
1、安装nodejs
2、安装全局gulp:
     命令行:npm install -g gulp
3、在项目里安装gulp:
    命令行:npm install --save-dev gulp    
    运行后在项目里自动生成包含 gulp的node_modules 文件夹。
4、 

二、gulp方法:
1、gulp.src() :输入一个glob(比如匹配一个或者多个文件的字符串)或者glob数组,然后返回一个可传递给插件的数据流。
    实例:js/app.js      精确匹配;
                js/*.js           匹配js目录下的所有后缀为.js的文件
                js/*/.js          匹配js目录及js子目录下所有后缀为.js的文件
                !js/app.js    从匹配的结果中排除js/app.js
                *.+(js|css)   匹配根目录下所有的后缀为js或者css的文件
               gulp.src(['js/**/*.js','!js/**/*.min.js'])   匹配 js目录下的所有非压缩js文件

三、插件:
1、gulp-load-glugins:自动加载插件然后附加到对象上
      语法:var gulpLoadPlugins = require('gulp-load-plugins'),
                        plugins = gulpLoadPlugins();
      实例:var gulp=require('gulp');var less = require('gulp-less');
                  gulp.src('web/less/*.less')
.pipe(less())
.pipe(gulp.dest('style/css/'));

               可以用:var gulp = require('gulp'),gulpLoadPlugins = require('gulp-load-plugins'),plugins = gulpLoadPlugins();
              gulp.src('web/less/*.less')
.pipe(plugins.less())
.pipe(gulp.dest('style/css/'));
  评论这张
 
阅读(3)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017