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插件LiveReload及tiny-lr)
3安装gulp组件
参考链接http://www.dbpoo.com/getting-started-with-gulp/
以上是关于gulp安装及配置的主要内容,如果未能解决你的问题,请参考以下文章