6

样式.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"

终端

'错误：客户端/包/bulma.sass.scss 不存在！

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

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

4

3 回答 3

6

tl;博士你可以尝试删除.sass扩展名吗？

@import 'packages/bulma';

这篇文章的更详细答案：

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

@import "typography.scss";

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

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

@import "typography";

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

于 2018-07-10T20:35:15.473 回答
0

@Hector 是对的，只是想添加一些其他的东西。

  1. 语言文档https://sass-lang.com/documentation/file.SASS_REFERENCE.html#import涵盖了有效的内容，因此双重导入可能是 node-sass 错误，但扩展行为将在Sass AFAIK 的下一个版本。Libsass 运行 sass2scss 库以将“不受支持”的旧 .sass 转换为 .scss。

  2. 从导入中删除前导_，这些是无效的

于 2018-07-14T00:07:27.260 回答
0

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

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

于 2020-07-26T13:38:18.413 回答