前期准备
- 新建项目文件夹
- 文件夹内部结构
| -src=>js-css-images
| -dist
|- gulpfile.js
gulp安装
npm install -g gulp #全局安装
npm install gulp --save-dev # 局部安装
全局安装1. 将安装包放在 /usr/local 下2. 可以直接在命令行里使用
本地安装1. 将安装包放在 ./node_modules 下（运行npm时所在的目录）2. 可以通过 require() 来引入本地安装的包
安装插件
- imagemin 压缩图片
- sass sass编译为css
- minify-css 压缩css
npm install gulp-util gulp-imagemin gulp-ruby-sass gulp-minify-css gulp-jshint gulp-uglify gulp-rename gulp-concat --save-dev