是否可以在SCSS中导入SASS文件



styles.scss

@import 'packages/bulma.sass';

bulma.sass

@charset "utf-8"
/*! bulma.io v0.6.1 | MIT License | github.com/jgthms/bulma */
@import "sass/utilities/_all"
@import "sass/base/_all"
@import "sass/elements/_all"
@import "sass/components/_all"
@import "sass/grid/_all"
@import "sass/layout/_all"

终端

'错误:client/packages/bulma.sass.scss不存在!

是否可以将SASS导入到SCSS文件中?将bulma安装到scss-env中的最佳方式是什么。

我还尝试了@import 'packages/bulma'并获得了client/packages/bulma.scss doesn't exist!

tl;dr你能试着删除.sass扩展吗?

@import 'packages/bulma';

这篇文章给出了更详细的答案:

Sass@import指令扩展了CSS@import规则,使其能够与.scs和.Sass文件一起使用。它导入引用的文件以及在导入的文件中定义的任何变量或mixin,以便它们可以在主文件中使用。

@import "typography.scss";

假设当前目录中有一个文件typography.scss,则typography.scss的内容将替换@import语句。

Sass让它变得更简单。如果您忘记包含扩展名,它将查找具有相同名称和.scs或.sass扩展名的文件。

@import "typography";

上面的语句将在与导入排版样式的文件相同的目录中找到printing.scss或printing.sass。

@Hector是对的,只是想添加一些其他内容。

  1. 语言文档涵盖了有效内容https://sass-lang.com/documentation/file.SASS_REFERENCE.html#import因此,双重导入可能是节点sass错误,但扩展行为将在下一版本的sass AFAIK中发出警告。Libsass通过sass2scs库将"不受支持"的旧.sass转换为.scs.

  2. 从导入中删除前导_,这些不是有效的

使用@import "../node_modules/bulma/bulma.sass";而不是@import 'packages/bulma.sass';

它不会抛出任何错误。有关更多信息,您可以通过以下链接