导入 scss 文件的 sass 和引导问题

Question

M 使用 sass 和 bootstrap 4 n 现在我在这里做的是 sass 文件夹，我有 app.scss 文件，其中有

@import _customVariables.scss
@import node_modules/bootstrap/scss/functions
@import node_modules/bootstrap/scss/mixins

当我编译 sass 文件时出现以下错误

sass --watch app.scss:style.css
 Error: Expected string.
 @import _customVariables.scss
         ^
 app.scss 1:9  root stylesheet

作为新手到 sass y 是不是不导入文件

仅当我拥有它编译的整个引导程序时，它才适用于以下情况

  @import "../node_modules/bootstrap/scss/bootstrap"

任何帮助将不胜感激

Answer 1

由于您使用的是scss，因此您应该使用字符串作为导入值并省略下划线：

@import 'customVariables.scss';

根据 SASS 文档 (https://sass-lang.com/guide#import)：

假设您有几个 Sass 文件，_reset.scss 和 base.scss。我们想将 _reset.scss 导入到 base.scss 中。

@import 'reset';

---

编辑：提供一个工作示例，以便 OP 能够看到所有相关部分一起工作。

我在代码沙箱上创建了一个项目，在其中添加了 sass 和 bootstrap 并使用引导程序上的指南为构建主题：

https://codesandbox.io/s/v0k9wlwqx3