gulp学习总结

一、gulp使用-博客推荐：

http://www.sheyilin.com/2016/02/gulp_introduce/

二、gulp的作用

gulp是一个前端构建工具，它是一个工具框架，可以通过开发插件来扩展它的功能。

gulp的工作流程是在一个配置文件中指明对某些文件进行压缩、合并、编译等功能，之后工具就会自动完成这些任务。

使用构建工具主要是为了提高开发效率，将重复性的工作利用构建工具来自动完成。

三、创建配置gulp的文件过程

1、全局安装gulp

npm install gulp -g

2、创建文件目录

3、创建package.json文件（关于package文件：https://docs.npmjs.com/files/package.json）

npm init 创建package.json文件 或 直接在文件夹新建并写入内容

（package.json文件是一个包描述文件，用来管理模块的依赖关系，项目名和版本号是必须要有的字段，否则将不能安装模块

）

4、安装淘宝镜像

5、给项目文件安装插件

cnpm install gulp del gulp-cached gulp-uglify gulp-rename gulp-concat gulp-notify gulp-filter gulp-jshint gulp-ruby-sass gulp-rev-append gulp-cssnano gulp-replace gulp-         imagemin browser-sync gulp-font-spider gulp-file-include gulp-autoprefixer --save-dev

—save-dev 这个参数会将插件信息自动更新到 package.json 里，其中的 devDependencies 属性会随插件依赖的安装卸载而改变。

刷新项目文件：

四、查询gulp插件

https://www.npmjs.com/browse/keyword/gulpplugin

五、好用的gulp-devserver插件

https://www.npmjs.com/package/gulp-devserver