gulp安装及配置

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了gulp安装及配置相关的知识,希望对你有一定的参考价值。

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安装及配置的主要内容,如果未能解决你的问题,请参考以下文章

Gulp 新手使用

gulp介绍及常用插件使用方法

uikit框架开发前期配置及定制主题方法。

uikit框架开发前期配置及定制主题方法。

Gulp安装及使用

前端构建工具gulp.js的使用介绍及技巧