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

5 css sass reactjs node-sass create-react-app

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

src/
 -index.js
 -main.scss
 pages/
  -somepage.js
  -somepage.scss
 styles/
  -_variables.scss
Run Code Online (Sandbox Code Playgroud)

索引.js

import './main.scss';
...
Run Code Online (Sandbox Code Playgroud)

主文件

@import './styles/variables.scss';
Run Code Online (Sandbox Code Playgroud)

_variables.scss

 $primary: #000;
Run Code Online (Sandbox Code Playgroud)

somepage.js

import somepage.scss
Run Code Online (Sandbox Code Playgroud)

somepage.scss

selector {
 property: $primary; <-- sass can't find that
}
Run Code Online (Sandbox Code Playgroud)

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

小智 1

你需要这个...

npm 安装node-sass

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

你能试试这个吗?