码迷,mamicode.com
首页 > 其他好文 > 详细

gulp安装及配置

时间:2016-04-02 22:55:35      阅读:240      评论:0      收藏:0      [点我收藏+]

标签:

1gulp安装

安装gulp,我一般会选择局部安装

cmd窗口,cd到你的项目路径,然后键入以下代码

npm install gulp --save-dev

2选择gulp组件

前端项目需要的功能:
1、图片(压缩图片支持jpg、png、gif)
2、样式 (支持sass 同时支持合并、压缩、重命名)
3、javascript (检查、合并、压缩、重命名)
4、html (压缩)
5、客户端同步刷新显示修改
6、构建项目前清除发布环境下的文件(保持发布环境的清洁)

通过gulp plugins,寻找对于的gulp组件
gulp-imagemin: 压缩图片
gulp-ruby-sass: 支持sass
gulp-minify-css: 压缩css
gulp-jshint: 检查js
gulp-uglify: 压缩js
gulp-concat: 合并文件
gulp-rename: 重命名文件
gulp-htmlmin: 压缩html
gulp-clean: 清空文件夹
gulp-livereload: 服务器控制客户端同步刷新(需配合chrome插件LiveReloadtiny-lr

3安装gulp组件

 

 

参考链接http://www.dbpoo.com/getting-started-with-gulp/

gulp安装及配置

标签:

原文地址:http://www.cnblogs.com/yaolingyan/p/5348423.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!