代码之家 › 专栏 › 技术社区 › Omar

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

scss-lint bulma node-sass sass css

Omar · 技术社区 · 7 年前

样式.scss

@import 'packages/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 文件?在SCSS环境中安装Bulma的最佳方法是什么?

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

2 回复 | 直到 6 年前

hcs 7 年前

DR 你能试着把 .sass 延期?

@import 'packages/bulma';

更详细的答案来自 this 职位:

国税局 @import 指令扩展了css@import规则,以便它与.scss和.sass文件一起使用。它导入被引用的文件以及导入文件中定义的任何变量或混音,以便在主文件中使用它们。

@import "typography.scss";

假设有一个文件 typography.scss 在当前目录中, 排版.scss 将替换@import语句。

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

@import "typography";

上面的语句将在导入排版样式的文件所在的目录中找到typography.scss或typography.sas。

nschonni 7 年前

@赫克托是对的,只是想增加一些其他的东西。

语言文件包括哪些内容有效 https://sass-lang.com/documentation/file.SASS_REFERENCE.html#import 所以双重导入可能是一个节点sass bug,但是扩展行为将在下一个版本的sass afaik中发出警告。libsass运行在sass2scss库中,将“不支持”的旧.sass发送到.scss。
删除前导 _ 从进口来看,这些是无效的