关于 Sacc 和 Scss 文件后缀名问题

 今天研究了下 Sacc。其实这玩意也没什么好稀奇的；说白了，就是你写段脚本，里面是类似 Css 的东东，当然可以加上逻辑。然后这货就会帮你把这段脚本编译成 Css 文件。

Sacc 学习资料网上一搜一大把，这里粘帖一个链接，看到这篇文章并且想学习的童鞋可以自己看教程。
Sacc 入门教程 ： http://www.w3cplus.com/sassguide/

虽然这货可以自己监视文件变化然后自动编译成 Css，但不集成到 IDE 里总觉得不舒服，好在 WebStrom 想的很周到，网上也有教程来说明怎么配置 WebStrom 的 File Watchers。 当然这里就不多说了，给链接大家直接去看就行了。

Sacc 在 WebStorm 中的配置： http://www.cnblogs.com/woleicom/p/4118851.html

按照上面的文章配置完后，突然发现个问题。就是新建 Sass 文件后，写上代码，WebStorm 会报错，而且也不自动编译成 Css 文件。

如下图所示：


几经查找，才发现问题的原因，原来教程在一开始就说了这么一句话：

“sass有两种后缀名文件：一种后缀名为sass，不使用大括号和分号；另一种就是我们这里使用的scss文件，这种和我们平时写的css文件格式差不多，使用大括号和分号。而本教程中所说的所有sass文件都指后缀名为scss的文件。在此也建议使用后缀名为scss的文件，以避免sass后缀名的严格格式要求报错。”

解决方法自然是不能创建 .Sacc 文件， 而是要创建 .Scss 文件。但是当创建 .Scss 文件后，虽然是不报错了，但也不自动编译了。这时候回到WebStorm 的 File Watchers 配置中，让其监听 Scss 文件就可以了。