Sass只包括基础部分在编译的CSS中的评论

问题描述：

我正在尝试使用基础和sass制作jekyll博客，而我似乎无法获得正确编译的基础sass。当我建立jekyll时，没有错误，我写的部分似乎正确加载，基础似乎导入，但只有顶部的注释。Sass只包括基础部分在编译的CSS中的评论

我进程迄今基本上运行 npm install foundation-sites --save

移动基础青菜的东西出来node_modules文件夹，然后包括我的SCSS文件的基础。

您可以看到以下屏幕截图中输出的目录和css文件。

我有点不知道还有什么我可以在这一点上的任何帮助将不胜感激试试！谢谢！

编辑：这是一个链接到分支和回购这看代码。 https://github.com/samuraiseoul/kimchiChingu/tree/23-sass

版本库网址可能吗？ –

是的，这需要更多的信息来检查你的app.scss中发生了什么，因为它实际上与main.scss名称不同，并且在css文件夹中也没有看到编译后的css文件。请记住，sass会查找scor“主文件”，在yoru的情况下，我认为它是“app.scss”，它应该包含部分的@import或任何想要编译到新的app.CSS文件的内容。所以你可能想分享一些关于你如何做的更多信息？ – Leo

@DavidJacquel @Leo这里是一个链接到分支的回购与其中的sass文件。我也编辑了这个问题以获得链接。你应该可以克隆它并运行'jekyll build'来运行它。非常感谢我们的帮助，如果您有任何其他问题，请让我知道，我可以添加所需的信息。 https://github.com/samuraiseoul/kimchiChingu/tree/23-sass – samuraiseoul

答

好吧，我想通了。问题是，我不得不包含基础 - 一切混入我的sass文件或我想要的特定模块。

仅仅使用@import 'foundation';还不够好，我还不得不把@include foundation-everything;或者列出我想要的每个组件，以防万一我不想要所有东西。

答

嗯..看起来像foundation.scss导入的所有partials只是sass函数，mixin和变量。所以没有实际的CSS输出。

Hrmmm，我用npm生成基础的东西，但并没有真正删除任何东西。在项目中获得更好的基础是否有不同的方式？ – samuraiseoul

如果你不想改变原来的基础CSS，你可以只包含'foundation.scss'，并用minified foundation css文件替换所有的@include。要覆盖样式，您可以在_sass文件夹中添加另一个.scss文件，并在'@include：'基础'后使用@include';在你的main.scss中。例如，您将在_sass文件中拥有foundation.scss和custom.scss。在main.scss中，你必须写'@include：'foundation'; @include：'custom';'。这样你的自定义样式就会覆盖原来的基础CSS。希望这有助于:) –

这就是我现在正在做的主分支，但我不想这样做，因为对于一些有用的东西，但对于像主色或另一种东西，如果我想要改变整个项目，然后我必须从基础站点重新创建一个完整的min.css，并记住我以前的所有值。我想通过scss来实现这个目标，所以我不需要包含很多我不想要的内容，并且可以在将来更轻松地进行修改。你知道我如何通过基础的sass文件来完成这项工作吗？ – samuraiseoul

答

我有类似的问题，甚至增加

@include foundation-everything($flex: false);

之后我想通了更新我一饮而尽，萨斯模块之后。

我们可能有不同的基础版本。无论哪种方式感谢在这里记录另一个修复。：d – samuraiseoul

Sass只包括基础部分在编译的CSS中的评论

相关推荐