creact-react-app-如何将Sass变量导入文件

Question

我正在使用create-react-app并将Sass集成到其中。它编译的很好，问题是，如果我创建一个变量或mixin，在我的sass文件之一中使用它，然后关闭localhost并稍后返回并运行npm start，它将给我一个错误，例如这个：

文件无法识别变量（在本例中为mixin），该变量位于名为“ base.scss”的文件中。

我还有一个index.scss文件，我在其中导入了所有其他.scss组件：

@import "./styles/base.scss";
@import "./styles/layout.scss";
@import "./styles/components/search-bar.scss";
@import "./styles/components/side-nav.scss";
@import "./styles/components/phone-navigation.scss";
@import "./styles/components/card.scss";
@import "./styles/components/pagination.scss";
@import "./styles/components/dropdown.scss";
@import "./styles/components/dashboard.scss";
@import "./styles/components/cast.scss";

在index.css文件中，我可以从所有.scss组件中看到已编译的代码，因此看来它可以正常工作，甚至可以在已编译的index.css文件中看到mixin。

Answer 1

您找到答案了吗？我认为在create-react-app中，您需要为每个component.scss文件@import 'base'，否则找不到变量。