gulp系列学习笔记: 1.gulp学习笔记1 2.gulp学习笔记2 3.gulp学习笔记3 4.gulp学习笔记4 之前的任务都是单个的,比较简单.接下去我们开始引用多个插件,一次性把任务搞定,省时又方便. 1.合并压缩js文件 为了提高网页的显示速度,最好是将所有的js文件合并成同一个文件,再来引用,这时候可以用到 gulp-concat 插件:进一步,还可以对其进行压缩.但是有时候我们在写js代码的时候,经常用到 console 语句和 debugger 语句.有时候会忘了删除,这时候我…

gulp系列学习笔记: 1.gulp学习笔记1 2.gulp学习笔记2 3.gulp学习笔记3 4.gulp学习笔记4 1.安装gulp 首先我们需要node环境,nodejs安装这里就不说了,不懂的可以自己百度.在命令行输入 npm install -g gulp 安装完成后可在命令行输入 `gulp -v` 以确认安装成功. 2.压缩js 压缩 js 代码可降低 js 文件大小,提高页面打开速度.在不利用 gulp 时我们需要通过各种工具手动完成压缩工作.但如果js文件比较多时候,手动就比较…

gulp系列学习笔记: 1.gulp学习笔记1 2.gulp学习笔记2 3.gulp学习笔记3 4.gulp学习笔记4 1. 压缩 CSS 压缩 css 代码可降低 css 文件大小,提高页面打开速度. 目标:找到 css/ 目录下的所有 css 文件,压缩它们,将压缩后的文件存放在 dist/css/ 目录下. 在压缩之前,需要安装新的模块,输入以下命令行: npm install gulp-minify-css 在对应目录创建 gulpfile.js 文件并写入如下内容: // 获取 gul…

gulp系列学习笔记: 1.gulp学习笔记1 2.gulp学习笔记2 3.gulp学习笔记3 4.gulp学习笔记4 1.编译sass Sass 是一种 CSS 的开发工具,提供了许多便利的写法,大大节省了开发者的时间,使得 CSS 的开发,变得简单和可维护. 安装相应的模块: npm install gulp-ruby-sass 在 gulpfile.js 文件编写如下代码: / 获取 gulp var gulp = require('gulp') // 获取 gulp-ruby-sass…

一.我对gulp的初期理解 是一种前端辅助开发工具 可以帮你把js,css,img等文件 合并.压缩,图片好像是合并为精灵图,合并为精灵图之后,还会生成一个css样式表. 官方解说是:基于流的自动化构建工具. 基于流:应该就是他的语法方式有点像jquery 那样 如: $(".active").css("background":"red").addClass("default");像这样一直点点下去.前一个表达式的输出作为后一…

以这次学习gulp为契机来同时了解和学习node相关的知识和概念,比如 npm,package.json等,为以后学习node打好基础. 目录   npm     查看模块     安装模块     卸载模块     更新模块     搜索模块     npm配置     查看版本     帮助   package     创建package.json     package.json的标准格式     依赖下载   gulp     安装gulp     gulpAPI         src…

官网:http://www.gulpjs.com.cn/docs/api/ 当然还有一个博客写的也很好,当我看不下去官网的时候,这个帮助了我很多,明了易懂:http://www.ydcss.com/archives/category/%E6%9E%84%E5%BB%BA%E5%B7%A5%E5%85%B7 还有一个gulp+webpack配合使用的案例,并没有按着案例来做,大致看了一下,在这里存下来,方便以后学习参考:http://www.cnblogs.com/maskmtj/archive/…

第一步:安装Node 首先,gulp 是基于 Nodejs 的自动任务运行器,所以安装gulp之前,最基本也最重要的是,我们需要搭建node环境.访问http://nodejs.org,下载并安装Nodejs ,就一切准备就绪.npm会随着安装包一起安装,稍后会用到它. 为了确保Node已经正确安装,我们执行几个简单的命令:node -v 和 npm -v  来查看一下Nodejs 和 npm的版本号.如果这两行命令没有得到返回,可能node就没有安装正确. 第二步:安装gulp 安装gulp…

根据极客学院入门视频整理 一.gulp介绍,主要提到了gulp是基于流式来管理运行的,目前完全搞不懂这一套专业术语. 二.gulp的安装使用. 1.首先需要在全局环境下安装gulp npm install -g gulp 然后在项目里安装gulp npm install --save-dev gulp 在对应目录demo下,运行npm init,生成package.json文件,然后建立gulpfile.js文件,这两个文件必不可少,并且直接放置在根目录. gulpfile.js中可以建立需要执…

安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gulpfile.js -> 运行任务 1.去nodejs官网安装nodejs 2.打开命令行,OSX是终端,windows是命令提示符(window + r 输入cmd回车) 3.使用npm(nodejs的包管理器),或选装cnpm执行npm install cnpm -g --registry=https://registry.npm.taobao.org 4.全局安装gulp:(c)n…