Question

我正在试验基金会网站，使用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是从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的经验。

希望这有帮助！

使用PyCharm基础编译sass

1 个答案: