WebStorm：Foundation 项目不会编译默认的 SCSS 文件答案

【问题标题】：WebStorm: Foundation project won't compile default SCSS filesWebStorm：Foundation 项目不会编译默认的 SCSS 文件
【发布时间】：2018-07-30 19:27:26
【问题描述】：

今晚我尝试在 WebStorm 中创建一个 Foundation 项目，但我似乎无法编译 Foundation 框架提供的 SCSS 文件。但是每当我自己制作 SCSS 文件时，即使在 Foundation SCSS 文件的目录中，它们也会被编译。

我怎样才能使文件被编译？

【问题讨论】：

请提供更多信息，例如您尝试在其中包含 Foundation Sites Sass 的代码。
我解决了这个问题。问题是这样的：我在 WebStorm 中打开了一个新的 Foundation 项目，它克隆了整个 Foundation 存储库。它没有引入一些示例 HTML（据我所知），所以我不知道如何在我的 HTML 中调用 Foundation 框架。我希望我必须链接到 /scss/foundation.css。它不起作用，我看到 /scss 中的许多文件没有编译。那天晚上晚些时候，我发现我必须链接到 /assets/foundation.css 并且没有编译的文件不必编译（它们都以下划线开头）。现在我的项目可以正常工作了。

标签： sass zurb-foundation webstorm

【解决方案1】：

我解决了我的问题：我认为我必须在我的 HTML 中链接到的 CSS 文件位于 /scss/foundation.css。这不起作用，所以我认为问题在于某些 SCSS 文件没有被编译。实际上，我应该链接到assets/foundation.css。当我这样做时，我的基金会按其应有的方式工作。所以问题不在于我的 IDE 没有编译我的 SCSS 文件，而是我链接到了错误的 CSS 文件。

【讨论】：