1.sass编译为CSS文件，早先时刻写css，后来看了sass挺不错的，于是在新的项目中开始使用上了sass。（grunt需要ruby环境，所以需要先安装ruby，sass环境）

　　　　①安装ruby/安装sass

　　　　②编译sass文件(eg:style)

　　　　　　sass style.scss style.css

　　　　③监控文件/文件夹的变化来自动编译sass文件

　　　　　　sass --watch style.scss:style.css　　　　#file

　　　　　　sass --watch cssFilePath #directory(cssFilePath:sass文件的路径)

　　　　注：

　　　　　　sass编译风格：

　　　　　　* nested：嵌套缩进的css代码，它是默认值。

　　　　　　* expanded：没有缩进的、扩展的css代码。

　　　　　　* compact：简洁格式的css代码。

　　　　　　* comPRessed：压缩后的css代码。

　　2.js文件之前没有做压缩处理，如果被发现了也是用站长工具压缩以下就使用了，操作流程略多了

　　grunt是基于nodejs的，使用前需要安装以下nodejs，官网：nodejs.org，安装方法正常软件一样安装。nodejs的模块安装用的是npm管理的。

　　1.安装nodejs

　　2.新建一个grunt项目

　　　　标准配置：

　　　　　　package.json #项目数据

　　　　　　gruntFile.js #配置grunt，设置任务，加载插件等

　　　　注：文件怎么写稍后我们具体描述，先建两个文件，文件代码可以直接复制

　　2.安装grunt

　　　　npm install -g grunt-cli

<!--2014-09-13补充

　　　　npm install grunt --save-dev

　　　　注：通过grunt -v可以查看版本

-->

　　　　注：安装grunt-cli并不等于安装了 Grunt 任务运行器！Grunt CLI 的任务是运行Gruntfile指定的 Grunt 版本。 这样就可以在一台电脑上同时安装多个版本的 Grunt。

　　3.安装需要用到的grunt插件

　　　　npm installgrunt-contrib-sassgrunt-contrib-uglifygrunt-contrib-watch --save-dev

　　　　注：--save-dev自动完善package.json

　　　　grunt-contrib-sass #sass编译插件　　　　grunt-contrib-uglify #js压缩插件　　　　grunt-contrib-watch #监控插件

　　4.运行监控方法

　　　　grunt watch

   装完之后运行报错     "You need to have Ruby and Sass installed and in your PATH for this task to work.More info: https://github.com/gruntjs/grunt-contrib-sass"

  这是因为的的 ruby 有问题，可能是ruby版本问题或是其他原因造成的 ruby 有问题，于是重新安装了ruby ，运行发现还是有问题，找了很久的原因，发现是我的sass 没有安装，重新安装sass ，问题解决！

  在这里需要申明一下，我的 sass 安装几次都没有成功， 建议安装不成功的看下这篇文章  http://www.w3cplus.com/sassguide/install.html

'