可以在 SCSS 中导入 SASS 文件吗？

Question

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"

航站楼

'Error: client/packages/bulma.sass.scss doesn\'t exist!

是否可以将 SASS 导入到 SCSS 文件中？将 bulma 安装到 scss 环境中的最佳方法是什么。

我也试过 @import 'packages/bulma' 并得到 client/packages/bulma.scss doesn\'t exist!。

Answer 1

tl;dr 你能尝试删除 .sass 扩展名吗？

@import 'packages/bulma';

来自 this post 的更详细的回答：

Sass @import 指令扩展了 CSS @import 规则，因此它适用于 .scss 和 .sass 文件。它导入引用的文件以及导入文件中定义的任何变量或混入，以便它们可以在主文件中使用。

@import "typography.scss";

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

Sass 让它更简单。如果您忘记包含扩展名，它将查找具有相同名称且扩展名为 .scss 或 .sass 的文件。

@import "typography";

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

Answer 2

@Hector 是对的，只是想补充一些其他的东西。

语言文档涵盖了有效内容 https://sass-lang.com/documentation/file.SASS_REFERENCE.html#import 因此双重导入可能是一个节点-sass 错误，但扩展行为将在Sass AFAIK 的下一版本。 Libsass 通过 sass2scss 库运行以将 "unsupported" 旧的 .sass 转译为 .scss.
从导入中删除前导 _，那些无效

Answer 3

使用@import "../node_modules/bulma/bulma.sass";代替@import 'packages/bulma.sass';

它不会抛出任何错误。欲了解更多信息，你可以通过这个link

可以在 SCSS 中导入 SASS 文件吗？

possible to import SASS file in SCSS?

css

sass

node-sass

scss-lint

bulma

styles.scss

bulma.sass

航站楼