极其简单的使用基于gulp和sass前端工做流

简单的记录本身如何在实际工做中使用gulp和sass的。个人原则是，小而美！

gulp与sass介绍

gulp

什么是gulp?和Grunt同样，是一种任务管理工具；和Grunt又不同，gulp是一种基于流的，代码优于配置的新一代构建工具。

Gulp 和 Grunt 相似，但相比于Grunt的频繁的IO操做，Gulp的流操做，能更快地完成构建。

sass

Sass是"Syntactically Awesome StyleSheets"的简称。如同less,stylus同样，是“CSS预处理器”中的一种，你能够称其是工具或者是语言。在我看来，sass除了不够小而美之外，确实是很强大的。Sass官网上是这么来描述的：

Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized, and get small stylesheets up and running quickly, particularly with the help of the Compass style library.

如何安装gulp与sass

本身上网谷歌或者百度去！

gulp任务管理

经过gulp作了以下任务：

• sass预编译，而且生成sourcemap,方便调试
• autoprefixer后编译,自动添加浏览器前缀
• css、js、图片等文件压缩
• js代码检查
• 本地服务器
• 自动监听

如何使用

• 首先，确保已经安装nodejs（nodejs如何安装？O(∩_∩)O~呵呵）。

• 而后，全局安装gulp

npm install gulp -g

• clone到本地

git clone https://github.com/myqianlan/f2e-workflow.git

• 下载依赖

cd f2e-workflow
npm install

• 运行

  ```bash
    gulp help
    ```

说明

我知道这个流程不够强大，但倒是最适合个人。期间，我也折腾过各类高大上的流程，但统统都不了了之。因此，大道至简。