gulp是前端开发过程中一种基于流的代码构建工具，是基于Nodejs的自动任务运行器；它不仅能对网站资源进行优化，还能自动化地完成前端代码的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。使用它，不仅可以很愉快的编写代码，而且大大提高我们的工作效率。 什么是...

2017-07-26更新：图片压缩插件使用gulp-smushit，gulp-smushit压缩率比较大，gulp-imagemin图片压缩插件压缩率不明显。 见下图压缩率：  1、gulp安装参照gulp官网进行安装：http://www.gulpjs.com.cn/docs/getti...

　　gulp安装：　　1.全局安装npmi-ggulp-cli　　　　　　　　npmi-ggulp　　2.局部安装npmigulp-D 　　然后gulp就安装完了　　Gulp是基于node的一个自动化构建工具，开发者可以使用它构建自动化工作流程（前端集成开发环境）。例如：网页自动刷新，CSS预处理，代码检测，...

因为个人习惯用compass,所以gulp中，还是用compass进行编译scss文件。1.使用npm安装gulp-compass1npminstallgulp-compass--save-dev因为我之前已经用了compasscreated了一个项目，用 config.rb文件，所以使用gulp-compa...

参考了 前端构建工具gulp入门教程，里面的lint我不需要检查所有js下面的文件，因为有的是插件的js,所以需要忽略掉，参考上面的方法，答案翻译:这个全局匹配你已经设置，node_modeules/* 只匹配这个文件在node_modules的根目录下，但不是所有的子文件夹都比较深。你需要设置"n...

示例项目介绍文中使用的例子是一个基于Angular.js实现的网页版TodoApp，在Github中下载angular-quickstart。项目代码结构如下清单5.项目目录结构12345678910111213141516|--bower_components|--build|--node_modules|--sta...

Ooo_My_God发表于2015-02-24 分类：构建工具 阅读(41103) 评论(166)简介：gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编...

在学习前，先谈谈大致使用gulp的步骤，给读者以初步的认识。首先当然是安装nodejs，通过nodejs的npm全局安装和项目安装gulp，其次在项目里安装所需要的gulp插件，然后新建gulp的配置文件gulpfile.js并写好配置信息（定义gulp任务），最后通过命令提示符运行gulp任务即可。安装nodejs-...

安装总的来说，玩gulp的流程是这样的：安装nodejs->全局安装gulp->项目安装gulp以及gulp插件->配置gulpfile.js->运行任务1.安装node.js https://nodejs.org/en/download/选择对应系统的版本，next、next...安...

在软件开发中，任务运行器的好处是不言而喻的。它们可以帮助自动运行常见的冗长的任务，让你可以专注于更重要的事情中，比如敲出很棒的代码。说的严肃点，自动运行一些比如图片压缩、代码压缩、单元测试以及更多的任务的技能，简直就是节省时间的利器。对于很多前端开发者而言，时下使用最多的任务管理器就是Grunt了，一个可以让你在Gru...

1、把npm 更新到最新版本npminstall-gnpm 2、把npm源切换到taobao源　　全局安装nrm：npminstall-gnrm 　　查看正在使用的源：nrmls　　添加源，例如：nrmaddtaobaohttps://registry.npm.taobao.org　　删除...

Gulp自动化构建工具可以增强你的工作流程！易于使用、易于学习、构建快速、插件高质！在日常开发中，可以借助Gulp的一些插件完成很多的前端任务。如：代码的编译（sass、less）、压缩css，js、图片、合并js，css、es6转es5、自动刷新页面等1、全局安装gulp cnpm install...

gulp安装也正常，但是就是查看gulp-v的时候报错，原因：缺少系统变量PATH或者PATH变量错误提示：这个系统变量PATH，直接追加就好(多个变量值用分号;隔开)，不要删除已经有的系统变量PATH这个变量怎么找？有三种方法可以找到，或许还有其它方法可以找到，自己选择一种喜欢的方式就好（前提一定是全局安装过gulp...

npminstall--save-devgulp-connectnpminstall--save-devgulp-livereloadnpm其他，前面已有1vargulp=require('gulp'),2gulpLoadPlugins=require('gulp-load-plugins'),3plugins=gul...

1、js压缩注意在根目录的package.json文件里在成功安装uglify后要有 "gulp-uglify":"^1.5.4"才行vargulp=require('gulp'),　　gulpLoadPlugins=require('gulp-load-plugins'), //插件使用取代多次r...