如何在 Bulma 中从 Sass 生成 CSS答案

【问题标题】：How to generate CSS from Sass in Bulma如何在 Bulma 中从 Sass 生成 CSS
【发布时间】：2017-07-13 03:35:13
【问题描述】：

这是我第一次使用 Scss，虽然我已经在终端中运行命令将简单的 input.sass 转换为 output.css 在其他库的情况下，这似乎有点困难，因为它对我来说是新的.

我有一个带有index.html 的配置文件，它应该需要一个style.css，但我需要从Bulma 目录生成这个style.css，该目录目前采用这种格式：

index.html 
vendors
    bulma
       css
          bulma.css
          bulma.css.map
        sass
            base
              _all.sass
              generic.sass
              helpers.sass
              minireset.sass
            components
            elements
            grid
            layout
            utitlities
            bulma.sass

这里的问题是，与sass input.scss output.css 示例将Scss 文件转换为CSS 不同，上面的示例看起来很复杂。

我不知道要转换哪个文件，或者我是否应该更改 Sass 文件并修改它们，但我是将输出保存在单个 CSS 文件中还是一种主样式中...

【问题讨论】：

标签： css sass bulma

【解决方案1】：

在base、components等每个sass目录下，都有_all.sass文件。其中包括该目录中的所有文件。因此，您只需要从 sass 文件夹中的每个文件夹中包含一个 _all.sass 文件即可。

因此，在您将使用 sass gem 观看的 sass 文件中，为所有 _all.sass 制作包含。这样的事情会奏效。

@import "utilities/_all"
@import "base/_all"
@import "elements/_all"
@import "components/_all"
@import "grid/_all"
@import "ayout/_all"

另外，我不是 100% 确定，但我认为将 sass 与 scss 混合使用是个坏主意，所以我的建议是这样做：

在项目的 sass 文件夹中创建一个 sass 文件并将其命名为 styles.sass。在该文件中，将导入写入所有 _all.sass 文件。

然后在终端中执行此操作：sass --watch sass:css

【讨论】：

谢谢+1，但我还有一个问题不清楚。我理解你所说的，我必须从每个组件的文件中包含所有_all.sass，但是到哪里呢？我有public_html/css/style.css 这个styles.sass 应该在目录中吗？
所以public_html/css/style.css 是您的目标样式表。在您的源样式表中，即styles.sass，包括所有_all.sass 文件。并且当您编译所有这些代码时，将在您的目标样式表中。看看 bulma 的 GitHub 仓库，尤其是bulms.sass
对不起，这不起作用。我安装了 gem 和 sass，但是当我执行 sass-lang.com/guide 中看到的 `sass input.scss output.css` 时，我收到错误，一些颜色未定义和 !is not valid。有关更多信息，我在vendors/bulma/sass/directory 中创建了一个styles.sass（用scss 尝试过），在这个文件中我只有@import "bulma" 命令，但后来我做了`sass styles.scss style.css` 但是除了错误之外没有任何效果。让我们看看是否有人可以解决这个问题
这个stackoverflow.com/questions/42417918/… 会不会有帮助？