基础编译 sass 使用 PyCharm

Question

我正在试验 Foundation 站点，使用 PyCharm 编译 sass。

创建了一个名为 foundation 的文件夹后，我按照站点说明安装了文件

cd foundation
npm install foundation-sites --save

我在项目的根目录（与基础文件夹同一级别）创建了一个名为 sass-test 的文件夹，在这个文件夹中我有一个名为 custom.scss 的文件，在我有：

@import "../foundation/node_modules/foundation-sites/scss/settings";
@import "../foundation/node_modules/foundation-sites/scss/foundation";

路径正确。

下面我刚刚输入了一些简单的东西来测试编译，例如

body {
  background:red;
}

在 PyCharm 中设置我的文件观察器后，代码确实编译到 sass-test 文件夹，但编译后的 css 仅包含正文规则。 css 的 None 是从 settings.scss 或 foundation.scss

编译而来的

根本没怎么用过sass，有人能告诉我哪里错了吗？

非常感谢！

Answer 1

尝试加载 util 目录。 E.G

@import '../node_modules/foundation-sites/scss/util/util';     
@import '../node_modules/foundation-sites/scss/foundation.scss';  

// Settings  
@include foundation-global-styles;  
@include foundation-grid;  
@include foundation-typography;  
@include foundation-forms;  `

等等……

我以这种方式加载了所有设置，因为我不需要使用所有下来的东西，但如果你想要全部，你大概可以以相同的方式包含部分设置。我认为主要对我来说问题是没有加载实用程序。

这就是我如何让我的框架从 node_modules 编译的部分，尽管没有 Pycharm 的经验。

希望对您有所帮助！

基础编译 sass 使用 PyCharm

Foundation compiling sass using PyCharm

sass

zurb-foundation