一套基于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