将 Sass 从 scss 文件夹编译为项目根级别的文件答案

【问题标题】：Compile Sass from an scss folder to a file at the root level of a project将 Sass 从 scss 文件夹编译为项目根级别的文件
【发布时间】：2018-06-11 02:33:16
【问题描述】：

我有一个 scss 文件夹，里面有我的 style.scss 文件。我希望编译后的 .css 文件位于项目的根目录中，与下面提供的图片中的 scss 文件夹和 index.html 处于同一级别。

我知道如何从一个文件编译到另一个文件：

sass --watch input.scss:output.css

从一个文件夹到另一个文件夹

sass --watch scss:css

我不知道如何让 sass 生成与 scss 文件夹相同（项目根）级别的 .css 文件？

当我执行 scss:./style.css 时，它只会创建一个名为 style.css 的文件夹，而不是使用该名称的文件。

我尝试使用其他答案之一的 > 字符，但这也不起作用。

这是文件结构的截图。

【问题讨论】：

您是否尝试过实际指定您想要的输出文件？
当然，我在上面提到过，但是当我做 sass --watch scss:./style.css 时，我没有得到想要的结果。如果您知道解决方案，请随时发布。

标签： css sass compilation

【解决方案1】：

我找到了解决方案。我只需要 ./ 作为文件路径。当我最初尝试这样做时，我做了一些非常相似的事情，但省略了点，只是做了 /

因此，从 scss 文件夹获取项目根目录中生成的输出 .css 文件的完整代码是：

sass --watch scss:./

【讨论】：