【gulp】学习


简介:gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器。她是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。
全局安装
#:npm install --global gulp
项目安装
#:npm install --save-dev gulp
------------------------gulp常用地址----------------------------------------------------------------------------
gulp官方网址:http://gulpjs.com
gulp插件地址:http://gulpjs.com/plugins
gulp 官方API:https://github.com/gulpjs/gulp/blob/master/docs/API.md
gulp 中文API:http://www.ydcss.com/archives/424
------------------------插件-----------------------------------------------------------------------------------------
gulp-concat :多个文件合并成一个
gulp-connect :连接服务器
gulp-rev :gulp自动添加版本号
gulp-minify-css:压缩css文件
gulp-uglify:压缩js
gulp-imagemin:压缩图片文件
gulp-htmlmin:压缩html,可以压缩页面javascript、css,去除页面空格、注释,删除多余属性等操作
gulp-less:less编译
less-plugin-autoprefix:自动加上 css3 前缀
less-plugin-clean-css:压缩 css
-------gulpfile.js文件---------
前端构建工具gulpjs的使用介绍及技巧
-------应用---------------------
Gulp简介及一些常用插件介绍
gulp下静态资源的合并、压缩、MD5后缀
使用Gulp来实现Laravel4的Assets管理
----------------------工具--------------------------------------------------------------------------------------------
browser-sync 执行gulp browser-sync后会监听匹配文件的变化


--------------构建-----------------------------------------------
https://github.com/gulpjs/gulp


教你使用 gulp实现前端自动化介绍+实例

使用gulp构建nodejs,你只需要记住5个函数

Gulp使用指南

Angular项目构建指南 - 不再为angular构建而犹豫不决













猜你喜欢

转载自ncutlh.iteye.com/blog/2293977
今日推荐