如何从bulma.css中的sass生成css

这是我第一次使用scss，虽然我在终端中运行了命令，将一个简单的

input.sass

转换为

output.css

，但对于其他库来说，这似乎有点困难，因为这对我来说是新的

我有

index.html

的配置文件，它需要

style.css

，但我需要从当前采用此格式的目录生成此

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

这里的问题是，与将scss文件转换为css的

sass input.scss output.css

示例不同，上面的内容似乎很复杂

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

---

这让人很困惑，希望有人知道如何使用它，在每个sass目录中，例如base、components等，他们都有

\u all.sass

文件。其中包括该目录中的所有文件。因此，您只需从sass文件夹中的每个文件夹中包含一个

\u all.sass

文件

因此，在您将使用sass gem观看的sass文件中，为

\u all.sass

的所有文件创建include。 像这样的东西会有用的

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

此外，我不是100%确定，但我认为将sass与SCS混合是个坏主意，因此我的建议是这样做：

在项目的sass文件夹中创建一个sass文件，并将其命名为

styles.sass

。在该文件中，写入导入到所有

\u all.sass

文件

---

然后在终端中执行此操作：

sass——查看sass:css

在每个sass目录中，如base、components等，它们都有

\u all.sass

文件。其中包括该目录中的所有文件。因此，您只需从sass文件夹中的每个文件夹中包含一个

\u all.sass

文件

因此，在您将使用sass gem观看的sass文件中，为

\u all.sass

的所有文件创建include。 像这样的东西会有用的

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

此外，我不是100%确定，但我认为将sass与SCS混合是个坏主意，因此我的建议是这样做：

在项目的sass文件夹中创建一个sass文件，并将其命名为

styles.sass

。在该文件中，写入导入到所有

\u all.sass

文件

---

然后在终端中执行此操作：

sass——观看sass:css

谢谢

+1

，但我还有一个问题不清楚。我理解你所说的，我必须包括每个组件文件中的所有

\u all.sass

，但是到哪里？我有

public\u html/css/style.css

该

styles.sass

位于哪个目录中？因此

public\u html/css/style.css

是您的目标样式表。在源样式表中，即

styles.sass

中包含所有

\u所有.sass

文件。编译时，所有这些代码都将出现在目标样式表中。看看bulma的GitHub存储库，特别抱歉，这不起作用。我已经安装了gem和sass，但是当我安装了`sass input.scss output.css`时，正如在中看到的那样，我得到了一些错误，一些颜色是未定义的，

！无效

。有关详细信息，我在vendors/bulma/sass/目录中创建了一个styles.sass（尝试使用scss），在这个文件中，我只有

@import“bulma”

命令，但是我执行了`sass styles.scss style.css`但除了一个错误之外没有任何效果。让我们看看是否有人能解决这个问题，也许这会有帮助？谢谢

+1

，但我还有一个问题不清楚。我理解你所说的，我必须包括每个组件文件中的所有

\u all.sass

，但是到哪里？我有

public\u html/css/style.css

该

styles.sass

位于哪个目录中？因此

public\u html/css/style.css

是您的目标样式表。在源样式表中，即

styles.sass

中包含所有

\u所有.sass

文件。编译时，所有这些代码都将出现在目标样式表中。看看bulma的GitHub存储库，特别抱歉，这不起作用。我已经安装了gem和sass，但是当我安装了`sass input.scss output.css`时，正如在中看到的那样，我得到了一些错误，一些颜色是未定义的，

！无效

。有关详细信息，我在vendors/bulma/sass/目录中创建了一个styles.sass（尝试使用scss），在这个文件中，我只有

@import“bulma”

命令，但是我执行了`sass styles.scss style.css`但除了一个错误之外没有任何效果。让我们看看是否有人能解决这个问题也许这会有帮助？