sss和引导问题与导入scss文件

Question

M使用带有引导程序4的sass现在我在这里做的是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

就像新手一样，是不是要导入文件

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

  @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能够查看所有相关部分的协同工作。

我已经在codeandbox上创建了一个项目，在其中添加了sass和bootstrap，并使用了引导程序指南来指导构建：

https://codesandbox.io/s/v0k9wlwqx3