SASS 配置Sass 文件是以 .scss 后缀的，然后通过 Sass 命令将 Sass 文件转化为 css 文件

首先安装ruby,sass和compass 查看项目中根目录下的package.json的依赖比如

scripts": {
    "pages-images": "grunt build-imagemin-sprite && grunt build-images --finder=images",
    "pages-styles": "grunt build-styles --finder=styles",
    "pages-watch-styles": "grunt watch:sass",
    "sync-pages2sources": "grunt sync-pages2sources --stage=sources --finder=images && grunt sync-pages2sources --stage=sources --finder=styles && grunt sync-pages2sources --stage=sources --finder=fonts",
    "release": "grunt release",
    "sources-webpack": "webpack --stage=sources --debug --watch --progress",
    "sources-webpack-om": "webpack --stage=sources --optimizeMinimize --debug --watch --progress",
    "start": "sudo node server.js 80"
  },

比如运行webpackj就可以直接运行

npm run sources-webpack  //sources-webpack就是上面的口令，前棉一定要加上npm run

运行sass

npm run pages-images

npm run pages-styles

以上运行完毕，需要移动文件
本身页面生成在pages/apps/aqmap/dist 移动到这里sources/apps/admap/dist 默认生成到这里

npm run sync-pages2sources

kaleidoscopeapp对比文件工具，这个目前是收费的 Sass 文件是以 .scss 后缀的，然后通过 Sass 命令将 Sass 文件转化为 css 文件。命令为：

sass sass 文件 css 文件

简单说，Compass是Sass的工具库。 Sass本身只是一个编译器，Compass在它的基础上，封装了一系列有用的模块和模板，补充Sass的功能。他们之间的关系，有点想JavaScript和jQuery的关系。

二、安装

Compass是用Ruby开发的，所以在安装它之前，必须安装Ruby。四、编译

Compass的编译命令是

compass compile

生产环境需要压缩后的css文件，这时要使用–output-style参数：

compass compile --output-style compressed

Compass只编译发生变动的文件，如果你要重新编译未变动的文件，需要使用–force参数。

compass compile --force

在命令行模式下，除了一次性编译命令，compass还有自动编译命令：

compass watch

运行该命令后，只要scss文件发生变化，就会被自动编译成css文件。