babel的使用及babel与gulp结合工作流
Babel 通过语法转换器支持最新版本的 JavaScript 。 它有非常多的插件，这些插件能够允许我们立刻使用新语法，无需等待浏览器支持。那我们怎么使用babel呢？首先我们来了解babel基本的安装第一：babel的安装第二：查看babel版本以及babel命令第三步：建立文件夹，初始化一个仓...
前端构建之gulp与常用插件
gulp是什么？http://gulpjs.com/ 相信你会明白的！与著名的构建工具grunt相比，有什么优势呢？易于使用，代码优于配置高效，不会产生过多的中间文件，减少I/O压力易于学习，API非常少，你能在很短的事件内学会gulp那些常用的gulp插件No.1、run-sequenceLink...
gulp学习笔记（一）
gulp 是基于 Nodejs 的自动任务运行器，能自动化地完成javascript/coffee/sass/less/html/image/css等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。在实现上，gulp 借鉴了Unix操作系统...
gulp实例
前端生产环境的简单部署http://ionichina.com/topic/558a1c1346cb5ff7268cee9dvar gulp = require('gulp');// 引入gulp组件（插件）var uglify = require('gulp-uglify');var rename...
gulp学习笔记1-定义
1、gulp是前端开发过程中对代码进行构建的自动化工具，可以通过它提供的各种插件实现如：预编译（sass&less）、压缩、合并、图片精灵等前端的重复操作2、基于nodeJS，以js编写插件，依托于npm在线安装，通过配置文件gulpfile.js来引入插件并编排自动化规则。3、相对于百度的
gulp安装和使用简介
一. gulp和grunt对比grunt目前的工作流程：读文件、修改文件、写文件——读文件、修改文件、写文件——...gulp目前的工作流程：读取文件——修改文件——修改文件...——写文件二. grunt存在问题1、插件职能不够单一2、插件完成了本不该由插件完成的事情（这个我有点迷糊，为什么说是 ...
gulp自动化构建工具
gulp 自动化构建工具，实时监控、代码合并、压缩...http://www.gulpjs.com.cn/ 中文网http://gulpjs.com/plugins/ 英文网 ，插件 本文假设你之前没有用过任何任务脚本（task runner）和命令行工具，一步步教你上手Gul...
前端自动化构建工具gulp的使用总结
前端自动化构建工具gulp的使用总结博主最近偶的空闲，在此对gulp的使用做一个总结，让小伙伴知道如何合理的使用gulp以及gulp的使用技巧。谈到gulp，有人可能就会想到另外一个构建工具grunt，那么 博主就要夸你一句：油啊热瘪死他。那么grunt和gulp有什么异同点呢？1.易于使用：采用代...
gulp + browserSync 一起提高前端开发效率吧！
前端开发的时候，每次修改代码后，要移动鼠标到浏览器选中再刷新查看效果，不知觉间我们的加班的时间又增加了0.5s， 真是罪孽！所以在使用gulp之后，就一直对能自动监听文件刷新页面的browserSync插件虎视眈眈。在这里简单的介绍一下用法，只需要五步，希望对大家有所帮助。browserSync是一...
如何编写一个gulp插件
很久以前，我们在"细说gulp"随笔中，以压缩JavaScript为例，详细地讲解了如何利用gulp来完成前端自动化。再来短暂回顾下，当时除了借助gulp之外，我们还利用了第三方gulp插件”gulp-uglify”，来达到压缩JavaScript文件的目的。代码如下：今儿，我们的重点就是，自己也来...
gulp教程
1. http://www.tuicool.com/articles/FJVNZf2.http://www.ydcss.com/archives/183.手动创建package.json； 如：cnpm init;
gulp使用心得
本文假设你之前没有用过任何任务脚本（task runner）和命令行工具，一步步教你上手Gulp。不要怕，它其实很简单，我会分为五步向你介绍gulp并帮助你完成一些惊人的事情。那就直接开始吧。第一步：安装Node首先，最基本也最重要的是，我们需要搭建node环境。访问http://nodejs.or...
Gulp4.0入门和实战
gulp4.0入门和实战我最近遇到需要优化web的性能的任务，然后就捣鼓了一些对资源文件优化压缩的方案。由于之前的项目中有使用到gulp，所以在需要处理的web项目中也优先使用这个技术。先聊聊gulp是什么？gulp被称为基于流的自动化构建工具，也是用NodeJS编写的额。使用NodeJs对文件流的...
gulp 实现 js、css,img 合并和压缩
前提条件，知道如何安装nodejs、gulp，这里不做介绍，可以自行google实现此功能需要安装的gulp工具有如下npm install gulp-htmlmin gulp-imagemin imagemin-pngcrush gulp-minify-css gulp-jshint gulp-u...
gulp入门指南
1. 全局安装 gulp：$ npm install --global gulp2. 作为项目的开发依赖（devDependencies）安装：$ npm install --save-dev gulp3. 在项目根目录下创建一个名为 gulpfile.js 的文件：var gulp = requi...
《Gulp 入门指南》 ： 使用 gulp 压缩 JS
《Gulp 入门指南》 ： 使用 gulp 压缩 JS请务必理解如下章节后阅读此章节：安装 Node 和 gulp访问论坛获取帮助压缩 js 代码可降低 js 文件大小，提高页面打开速度。在不利用 gulp 时我们需要通过各种工具手动完成压缩工作。所有的 gulp 代码编写都可以看做是将规律转化为代...
gulp的使用(三)之把gulp运用到项目实战中
在了解了上面的gulp(一)(二)以后,我们就可以开始在项目中具体使用了,具体使用流程如下:1. 创建一个project文件夹,然后里面首先创建一个src文件夹,里面放置开发要用到的文件夹:2. 在project下打开git命令窗口(也可以windows自带的命令行):3. 输入命令:npm ins...
gulp插件构建项目 压缩js、css、image、zip、web服务、跨域等插件
推荐一个很好文： https://github.com/lin-xin/blog/issues/2匹配符 *、**、！、{}gulp.src('./js/*.js') // * 匹配js文件夹下所有.js格式的文件gulp.src('./js/**/*.js') ...
gulp插件gulp-usemin简单使用
关于什么是gulp，它和grunt有什么区别等问题，这里不做任何介绍。本文主要介绍如何使用gulp-usemin这款插件，同时也会简单介绍本文中用到的一些插件。什么是gulp-usemin用来将HTML 文件中（或者templates/views）中没有优化的script 和stylesheets ...
gulp打开gbk编码的html文件乱码
先上图，好忧伤：