gulp学习笔记
2015-11-09 15:29
441 查看
Gulp前端构建工具的使用
gulp是一个自动化前端构建工具,使用它可以增强你的工作流程。
gulp主要有以下几个特点:
1. 易于使用
通过代码优于配置的策略,Gulp 让简单的任务简单,复杂的任务可管理。
2. 构建快速
利用 Node.js 流的威力,你可以快速构建项目并减少频繁的 IO 操作。
3. 插件高质
Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。
4. 易于学习
通过最少的 API,掌握 Gulp 毫不费力,构建工作尽在掌握:如同一系列流管道。
具体使用步骤如下:
全局下使用npm安装gulp
sudo npm install –g gulp
在项目中安装gulp包
npm install gulp –save-dev
初始化项目,生成package.json文件
npm init
在项目的根目录下创建gulpfile.js文件
并在该js文件中加载需要的插件(加载插件之前需要安装插件)和编写相应的任务
var gulp = require('gulp');
var htmlmin = require('gulp-htmlmin'),//html压缩
imagemin = require('gulp-imagemin'),//图片压缩
pngcrush = require('imagemin-pngcrush'),
…
项目构建中的插件安装:
sudo npm install gulp-uglify –save-dev 该插件用于压缩js代码的。
编写好gulpfile.js之后就直接输入 gulp 运行。
gulp是一个自动化前端构建工具,使用它可以增强你的工作流程。
gulp主要有以下几个特点:
1. 易于使用
通过代码优于配置的策略,Gulp 让简单的任务简单,复杂的任务可管理。
2. 构建快速
利用 Node.js 流的威力,你可以快速构建项目并减少频繁的 IO 操作。
3. 插件高质
Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。
4. 易于学习
通过最少的 API,掌握 Gulp 毫不费力,构建工作尽在掌握:如同一系列流管道。
具体使用步骤如下:
全局下使用npm安装gulp
sudo npm install –g gulp
在项目中安装gulp包
npm install gulp –save-dev
初始化项目,生成package.json文件
npm init
在项目的根目录下创建gulpfile.js文件
并在该js文件中加载需要的插件(加载插件之前需要安装插件)和编写相应的任务
var gulp = require('gulp');
var htmlmin = require('gulp-htmlmin'),//html压缩
imagemin = require('gulp-imagemin'),//图片压缩
pngcrush = require('imagemin-pngcrush'),
…
项目构建中的插件安装:
sudo npm install gulp-uglify –save-dev 该插件用于压缩js代码的。
编写好gulpfile.js之后就直接输入 gulp 运行。
相关文章推荐
- 对uc/OS中的任务-----学习
- 浏览器请求中文乱码(ISO-8859-1 to UTF-8)
- 周末发现一个BUG,时有时无,一出程序就崩溃,郁闷了好久,终于跟出来来了,记之,提醒自己今后一定规范编写,只要规范,绝对不会出问题
- 推荐!手把手教你使用Git(win系统)
- 晚上学习如何安排时间最有效?
- php从右向左截取字符串
- Windows2003/XP下,设置应用程序为服务
- Struts2 Convention Plugin ( struts2 零配置 )
- 【第7周 项目5 - 排队看病模拟】
- python中字典的排序和复制
- oracle定期生成和删除表分区
- Python函数式编程指南(一):概述
- BlueZ移植与配置(很全面)
- Binary Tree Inorder Traversal
- 2015 11月9日 一周工作计划与执行
- 软件项目将死的32个征兆
- python 爬虫 <class 'socket.error'>: [Errno 104] Connection reset by peer)
- Java 数据结构
- chrome v46渲染partial html内容的一个问题
- 分区索引