0

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

我有一个配置文件，index.html它应该需要一个style.css，但我需要从目前采用这种格式的Bulmastyle.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 文件或一种主样式中...

4

1 回答 1

2

在每个 sass 目录中，例如 base、components 等，它们都有_all.sass文件。其中包括该目录中的所有文件。因此，您只需_all.sass要从 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

于 2017-02-22T22:11:23.150 回答