README.md

一套基于gulp+nodejs的前端自动化工具

解决雪碧图的生成，sass验证，sass to css，css、js压缩，js验证，js去除console、alert、and debugger，图片压缩，游览器自动刷新

目录结构

+ build(开发目录)
  - css(sass编译后的输出文件夹)
  - js
  - images
  - icon(图标文件夹)
  - sass
+ dist(发布目录)
  - css
  - js
  - images

环境

安装环境

nodejsv4.4.2 LTS

gulpjs

安装方法

• 安装gulp

npm install gulp --save-dev

使用

指令

• 安装依赖包(基于package.json里面的依赖关系)

npm install

• 运行所有任务

gulp

• css sprite

gulp css-sprite

• 图片压缩

gulp imagemin

• sass to css

gulp sass-to-css

• 压缩css

gulp minify-css

• sass验证

gulp scss-lint

• js验证

gulp eslint

• js压缩

gulp jscompress

• 文件监控

gulp watch

• 游览器刷新

browser-sync