【问题标题】：possible to import SASS file in SCSS?可以在 SCSS 中导入 SASS 文件吗？
【发布时间】：2018-12-18 18:18:26
【问题描述】：

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"

终端

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

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

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

【问题讨论】：

.sass 文件是什么？ SASS (Syntactically Awesome Style Sheets) css 预编译器使用.scss 文件(SASS Casscading StyleSheet)
.sass 是一个东西。我保证
我没有问它是不是东西，我问的是它是什么。有参考链接吗？
idk...en.wikipedia.org/wiki/Sass_(stylesheet_language)
@EnriqueBermúdez SCSS 指的是 Sass CSS 预处理器支持的主要语法。以 .scss 结尾的文件代表 Sass 支持的标准语法。 SCSS 是 CSS 的超集。以 .sass 结尾的文件代表源自 ruby 世界的 Sass 支持的“旧”语法。

标签： css sass node-sass bulma scss-lint

【解决方案1】：

tl;dr您可以尝试删除 .sass 扩展名吗？

@import 'packages/bulma';

this帖子的更详细回答：

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

@import "typography.scss";

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

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

@import "typography";

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

【讨论】：

我试过@import 'packages/bulma' 并得到'client/packages/bulma.scss doesn\'t exist!', 但我认为这是一个设置？
你在使用 webpack 吗？如果是这样，this 可能会有所帮助。如果你只是使用 Node，我认为你必须使用 node-sass 包——它的文档可以在here 找到

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：