SCSS 文件上的文件观察器答案

【问题标题】：File watcher on a SCSS fileSCSS 文件上的文件观察器
【发布时间】：2015-07-23 06:37:11
【问题描述】：

我完全被难住了。我已尽力解决此问题。

我有一个 SCSS 文件，上面有一个观察者，但观察者似乎没有工作。根本没有制作普通的 CSS 文件。这是我的 SCSS 文件：

同样，我正在使用 WebStorm IDE。

错误信息：

执行观察程序“SCSS”时发生异常。观察者已被禁用。修复它。：无法运行程序“C:\Users\Luke\WebstormProjects\untitled\myTestWebsite\main.scss”（在目录“C:\Users\Luke\WebstormProjects\untitled\myTestWebsite”中）：CreateProcess error=193, % 1 不是有效的 Win32 应用程序

程序路径：

【问题讨论】：

您是否安装了 Ruby 和 Sass Gem？然后你在文件观察器中指向那个 gem 吗？
是的。做了两次：P
你能告诉我文件观察编辑屏幕中“程序”和“参数”字段的值是什么吗？
程序：C:\Users\Luke\WebstormProjects\untitled\myTestWebsite\main.scss 参数：--no-cache --update $FileName$:$FileNameWithoutExtension$.css

标签： html css sass

【解决方案1】：

您的程序应该指向 Ruby 的 Sass Gem，而不是指向您的 scss 文件。这是不正确的：

在您的计算机上找到 sass.bat 文件并在程序值中使用该文件的路径

在我的情况下，正确的路径是：c:\Ruby22\bin\sass.bat

Webstorm 会自动监视您创建的每个 scss 文件并创建一个 css 文件。您不需要为每个独立的 scss 文件创建文件观察器

小细节：我应该在参数中添加--style compressed。这会创建一个缩小版的 css 文件并减少加载时间

【讨论】：

啊，是的。但是，一旦我找到了路径，我如何指向 Ruby 的 Sass Gem？
在编辑文件观察器屏幕中添加程序字段的路径（见我的截图）
完成，但仍未创建 CSS 文件。
另一个错误？同样的错误？没有错误？现在发生了什么？
包括这部分？ Cannot run program "C:\Users\Luke\WebstormProjects\untitled\myTestWebsite\main.scss"