m0_37978717的博客

安装npm install gulp-flatten使用比如，文件目录如下:var glup =require('gulp');var flatten = require('gulp-flatten'); gulp.src('lib/ionic/**/*.min.js')  .pipe(flatten())

awesome-gulp中文版一份gulp的资源，插件和使用实例清单， 致力于打造更好的前端工程构建流程。被老外的awesome 清单刺激到，觉得有必要翻译一份，为国产的程序员们做点事情，本清单将保持实时更新同步。PS:进都进来了，就顺便看看其他的吧:awesome-nodejs-cnawesome-npm-cnawesome-react-cnawesome-rea

gulp-useref的作用它可以把html里零碎的这些引入合并成一个文件，但是它不负责代码压缩。var gulp = require('gulp'), useref = require('gulp-useref'); gulp.task('default', function () { return gulp.src('a

转自:http://blog.csdn.net/aabv54321/article/details/54847741在上一篇文章我们对 Stream 的特性及其接口进行了介绍，gulp 之所以在性能上好于 grunt，主要是因为有了 Stream 助力来做数据的传输和处理。那么我们不难猜想出，在 gulp 的任务中，gulp.src 接口将匹配到的文件转化为可读（或 Duplex/

转自:http://www.ydcss.com/archives/94简介：使用gulp-autoprefixer根据设置浏览器版本自动处理浏览器前缀。使用她我们可以很潇洒地写代码，不必考虑各浏览器兼容前缀。【特别是开发移动端页面时，就能充分体现它的优势。例如兼容性不太好的flex布局。】1、安装nodejs/全局安装gulp/项目安装gulp/创建package.js

转自:http://blog.csdn.net/cqkxboy168/article/details/9026205/1. 并发：在操作系统中，是指一个时间段中有几个程序都处于已启动运行到运行完毕之间，且这几个程序都是在同一个处理机上运行。其中两种并发关系分别是同步和互斥2. 互斥：进程间相互排斥的使用临界资源的现象，就叫互斥。3. 同步：进程之间的关系不是相互排斥临界资源的关

Node.js 工具链中的典型任务运行器有 Grunt ，以及后起之秀 Gulp ，现在它们都有着广泛的社区支持，都有大量的插件支持。Grunt 以其先入为主的优势，以及直观的插件加配置的方式几乎提供了一个“立即可用”的模型。与以传统的方式进行配置的 Grunt相比， Gulp 则使用“代码”的方式来描述任务。而它们另一个巨大的不同，则体现在运行方式上：Grunt 的运行方式很直观：解析依

1 简述gulp是一种构建工具，构建是什么意思呢？我感觉就是通过自己写一些脚本（gulpfile.js）让gulp工具运行，自动化的完成一些文件汇聚、CSS编译、植入链接等工作。1.1 安装安装方法还是很简单的，官网也有讲，出于完整性的考虑，还是罗列一下用到的命令。sudo npm install --global gulpsudo npm install --s

前段时间在公司的新项目中尝试使用gulp替换grunt，体验非常棒！两者最大的区别就是grunt整个就像是一个配置文件，而gulp更像代码。这样的好处就是调试起来更方便直观。另外，利用Node.js的stream概念，让gulp的task看起来像管道一样，输入连着输出，输出又导入另一个输入，流程非常清晰易懂。自打用了这个，就再也不想回到闹心的grunt了。在用了一段时间后，问题来了：不知不觉gul

Splitting a gulpfile into multiple files20th January, 2015In some projects, your gulpfile will get big enough that it's worth splitting it into multiple files, with one task per file. There are

jshint是用来检测javascript的语法错误的，在grunt和gulp都有这个插件，这里简单的介绍下jshint的使用方法。1. 安装jshint在已经安装node的情况下，在当前项目的目录下，使用以下的命令即可进行安装，非常的方便，因为是在gulp下使用，所以也得先安装gulp：npm install gulpnpm install jshint安

目录目录前言创建项目初始化项目创建目录结构编写Gulp配置创建gulp的config文件创建gulp的dev文件创建gulp的prod文件调用dev和prod方法运行gulp定义脚本scripts附录前言　　上回写了一篇关于《一份gulp的配置文件》的文章。其中已经提及了简单项目中gulp的配置。 　　在使用实践的

cnpm 也可以使用npmcnpm install gulp-uncss --save-dev gulpfile.jsvar gulp = require('gulp'), uncss = require('gulp-uncss');gulp.task('uncss', function() { gulp.src('src/css/origin.cs

插件地址: https://github.com/contra/gulp-concat插件安装: npm install --save-dev gulp-concat插件使用var concat = require('gulp-concat');gulp.task('scripts', function() { return gulp.src('./lib/*.js')

在准备get更多gulp的具体操作之前，先来明确一下在gulp中创建和使用多个task任务的情况。    gulp所要做的操作都写在gulp.task()中，系统有一个默认的default任务，如下：[javascript] view plain copy var gulp = require('gulp');//gulp自身  gulp.task('default',['ta

简介：使用gulp-imagemin压缩图片文件（包括PNG、JPEG、GIF和SVG图片），很多人安装gulp-imagemin都会出现错误，我也查了很多资料，也不知道所以然，我的做法是出错再重新安装，如果你知道问题所在，请一定告诉我！1、安装nodejs/全局安装gulp/本地安装gulp/创建package.json和gulpfile.js文件1.1、gulp基本

gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。本文导航：gulp的安装开始使用gulpgulp的API介绍一些常用的gulp插件

默认情况下，在 stream 中发生一个错误的话，它会被直接抛出，除非已经有一个时间监听器监听着 error 时间。 这在处理一个比较长的管道操作的时候会显得比较棘手。通过使用 stream-combiner2，你可以将一系列的 stream 合并成一个，这意味着，你只需要在你的代码中一个地方添加监听器监听 error 时间就可以了。安装npm install --save

来自官网:http://www.gulpjs.com.cn/docs/recipes/delete-files-folder/你也许会想要在编译文件之前删除一些文件。由于删除文件和文件内容并没有太大关系，所以，我们没必要去用一个 gulp 插件。最好的一个选择就是使用一个原生的 node 模块。因为 del 模块支持多个文件以及 globbing，因此，在这个例子中，我们将使用它来

转自:http://www.ruanyifeng.com/blog/2013/01/javascript_source_map.html上周，jQuery 1.9发布。这是2.0版之前的最后一个新版本，有很多新功能，其中一个就是支持Source Map。访问 http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jque

我们的官网要改版，会从以前的单一产品变成系列产品的官网，也就是现在的官网会是之后官网的一个子模块。趁着这个机会，正好重新梳理了一下结构。加上罪恶之主管的一些要求，具体的需求如下：分模块，每个模块都有独立的页面和静态文件，并将所有静态文件打在一个文件夹下，一些常用变量可以进行替换，并可进行简单的页面动态生成，生产环境打包与线上环境打包分开进行，

引言1. manually以前，我新开一个网页项目，然后想到要用jQuery，我会打开浏览器，然后找到jQuery的官方网站，点击那个醒目的“Download jQuery”按钮，下载到.js文件，然后把它丢在项目目录里。在需要用到它的地方，这样用引入它：script src="path/to/jquery.js">script>2. Bower后来，我开始用

转自:http://blog.csdn.net/franks_t_d/article/details/52763310本篇前言上一篇介绍了本工具的功能、结构、命令，欢迎阅读。为了让大家更好的了解gulp的强大，本篇将单独对本工具所用的所有gulp插件/gulp模块进行列举介绍，gulp模块的安装方法请点击模块的介绍链接，推荐使用淘宝镜像的npm进行。gu

gulp-sequence Run a series of gulp tasks in order.超级有用的类库；众所周知js是单线程的，运用此类库可以： 保证任务按顺序执行，让gulp任务，可以相互独立，解除任务间的依赖，增强task复用；对于复杂的操作非常有用；安装:npm install --save-dev gulp-sequencegulp-sftp ：

目录简单介绍必备插件常用插件进阶插件聊聊 gulpfile.js套路结语推荐阅读简单介绍这篇文章的目的是：介绍些我知晓的 gulp plugins，然后用少量的代码讲解，最终希望大家能用 gulp 让前端项目高大上的跑起来默认读者知道点 npm/cnpm；明白 package.json 是作甚的；了解 gulpfile.js 是作甚的。这篇文

ionic2实战-集成angular2http-简书CSS流体(自适应)布局下宽度分离原则«张鑫旭-鑫空间-鑫生活Shhh...|joshmorony-BuildMobileAppswithHTML5WhentoUseProviders/Services/InjectablesinIonic|joshmorony-BuildMobileAppswithHTML5AngularJS2.0学习笔记11