如何配置 SCSS 项目？答案

【问题标题】：How to configure a SCSS project?如何配置 SCSS 项目？
【发布时间】：2017-06-26 19:12:11
【问题描述】：

我对 SASS/SCSS 很陌生，并且在主目录中有一个带有 CSS 文件的 git 项目，该项目将从子目录中导入部分文件。我想知道是否可以在服务器上安装 sass，创建一个 compass 项目，以便在服务器上实时编辑 scss 文件后自动创建 css 文件？还是必须在本地使用文件观察器？我已经尝试在服务器上设置一个指南针项目，但没有自动创建 css 文件。是因为设置错误还是不可能这样？

如果可能的话，有没有好的分步教程？我已经找到this

也许问题出在路径上。在我的 config.rb 中，如果 sass 和 css 目录与项目路径相同，我在不知道在字符串中写入什么的情况下更改了路径。不适用于“/”或空字符串。

【问题讨论】：

您是否尝试阅读 Sass 或 Compass 的安装说明？

标签： ruby sass

【解决方案1】：

Sass 和 Compass 都提供 watch 命令。您可以使用：

sass --watch input.scss:output.css (options)

或者，假设你的 Compass 配置文件正确设置了你的 css_dir 变量：

compass watch

其中任何一个都应该在更改后重新编译 css 文件。如果你想在服务器上实时完成，你需要在服务器上执行 watch 命令。

【讨论】：

好的，谢谢。我尝试了 sass --watch my_filename.scss:my_filename.css --style 压缩在 main.css 所在的目录中，该目录从子目录中导入了几个部分。但它无法读取我的 _colors.scss（错误消息：找不到要导入的文件或无法读取）。但它已经在 phpstorm 本地工作了。在该文件中只是一些颜色变量。这是导入的第一个文件。没有创建 css 文件。可能是因为它在那个错误之后没有编译，但我不知道为什么会出现这个错误，因为它已经在本地工作了......
抱歉，打错了。输入和输出名称必须相同。现在它起作用了！再次感谢！ :)

【解决方案2】：

要为@aerook 的回答加分，在您的项目中，您可能有多个 scss 和 css 文件。在这种情况下，您可以使用以下内容查看整个 scss 目录以在 css 目录中进行更改

sass --watch scss:css

PS : scss 和 css 是同一目录路径下的文件夹名称。

【讨论】：