保存到scss文件会自动更新css文件吗？

Question

我几天前刚开始使用scss（使用Webstorm），它似乎在保存scss文件后自动生成/更新css文件。不幸的是，当我现在保存scss文件时，没有对css文件进行任何更改。我正在从不同的位置处理这些文件，因此我猜测Webstorm设置可能会有所不同。我认为文件观察者可能与它有关，但我不确定程序领域会发生什么。我真的不知道为什么会这样。

Answer 1

不，保存.SCSS文件不会自动编译最终的样式表文件。你需要做的就是设置一块手表。有很多方法可以做到这一点（还有一些程序会为你做这些）。

最直接的是通过命令行。假设您安装了SASS gem（并且您处于ruby环境中），请在命令行中执行以下操作：

1. 导航到保存.scss文件的文件夹。

2. 运行以下命令：sass --watch style.scss:style.css

注意：以上假设您的.scss和.css文件都命名为 style ，如果不是，则进行相应调整。此外，如果您的.css和.scss文件位于不同的目录中，则必须相应地调整路径。

请记住，sass --watch然后yourScssFile.scss：yourCssFile.css

或者，您可以使用LiveReload之类的应用为您观看文件。这需要一些配置，但如果您刚刚开始使用SCSS / SASS这个破旧的世界，那么对您来说可能会更容易一些

Answer 2

Yopu可以在WebStorm中使用File Watchers在更改SCSS时自动更新CSS文件;但这也需要安装外部SCSS编译器（SASS gem）。有关更多信息，请参阅http://www.jetbrains.com/webstorm/webhelp/transpiling-sass-less-and-scss-to-css.html#d104715e458