为什么 create-react-app 找不到我的 Sass 变量

Question

我使用 create-react-app 创建 react app 并设置如下文件结构：

src/
 -index.js
 -main.scss
 pages/
  -somepage.js
  -somepage.scss
 styles/
  -_variables.scss

索引.js

import './main.scss';
...

主文件

@import './styles/variables.scss';

_variables.scss

 $primary: #000;

somepage.js

import somepage.scss

somepage.scss

selector {
 property: $primary; <-- sass can't find that
}

请问有什么想法吗？ 谢谢你。

Answer 1

你需要这个...

npm 安装 node-sass

https://www.npmjs.com/package/node-sass

你能试试这个吗？

Answer 2

@import './styles/variables';
@import './pages/somepage';

您可以在main.scss 中导入所有样式表，然后您只需要import './main.scss'; 在index.js 中。 您也不必指定后缀。

查找文件