用compass编译sass,进入目录后执行compass watch 后然后书写scss文件却没有进行编译，这是怎么回事呢？

您好，这样的：

Sass的安装:

1.安装：SASS是Ruby语言写的，但是两者的语法没有关唯岩搭系。不懂Ruby，照样使用。只是必须先安装Ruby，然后再安装SASS。

假定你已经安装好了Ruby，接着在命令行输入下面的命令：

gem install sass

然后，就可以使用了。

2：使用：

SASS文件就是普通的文本文件，里面可以直接使用CSS语法。文件后缀名是.scss，意思为Sassy CSS。SASS提供两种编译方式，一种是手动编译，一种是监视编译(–watch)，手动编译就是当你撰写好CSS时下指令去做编译，监视编译则是你指令一个目录，当此目录里面的*.scss档案有改变时（新增、覆写等等），就会自动去做编译的动作。先来讲手动编译方式指拿：

下面的命令，可以在屏幕上显示.scss文件转化的css代码。（假设文件名为test。）

sass test.scss

如果要将显示结果保存成文件，后面再跟一个.css文件名。

sass test.scss test.css

SASS提供四个编译风格的选项枣棚：

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

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

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

* compressed：压缩后的css代码。

生产环境当中，一般使用最后一个选项。

sass –style compressed test.sass test.css

还有一种监视的方式做编译，在命令行中切换到当前sass或者scss文件所在的目录，然后运行

sass –watch scss:css

SASS的官方网站，提供了一个在线转换器。你可以在那里，试运行下面的各种例子。

Compass的安装:

1.安装：安装ruby之后，输入命令

gem install compass

2.使用：创建一个 COMPASS 项目

在命令行中切换到你需要创建项目的目录，运行：

compass create "projectname"

这个命令会创建一个包含一系列文件的目录，其中最重要的是配置文件 config.rb，其他文件如果你不需要都可以删除。

在 config.rb 中你可以修改 SASS 和 CSS 的目录及其它一些基础设置。

实时编译 SASS 文件

COMPASS 提供的默认方法是：

在命令行下切换到项目目录，运行

compass watch

COMPASS 将会实时监控 SASS 目录的文件变化，只要你一保存文件，立即将相应文件编译为 CSS 文件。

目前场景是接到的项目中没有统一样式处理，例如不同模块，有的使用了 sass ，有的使用了less。

我们知道sass是成熟、稳定、强大的 CSS 预处理器，而 SCSS 是 Sass3 版本当中引入的新语法特性，完全兼容 CSS3 的同时继承了Sass强衫喊大的动态功能。

而Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。或斗野

两者各有千秋，没有特殊洁癖个人觉得均可，但是因为项目中使用了 ant-desgin-vue, 而它本身是使用less的，于是决定项目中还是统一使用 less 吧。

1、首先移除 node-sass 和 sass-laoder

2、将所有的 lang="scss" 替换成 lang="less"

3 、变量销胡控制定义： 将 $ 更改为 @

4、.scss 后缀文件改为 .less

例如 下面引入的 chart.scss 文件，应该改为 chart.less

---