Почему create-реакции-приложение не может найти мои переменные Sass

Question

Я создаю реагирующее приложение с помощью create-Reaction-app и настраиваю структуру файла следующим образом:

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

index. js

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

main.s css

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

_variables.s css

 $primary: #000;

somepage. js

import somepage.scss

somepage.s css

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.s css, и тогда все, что вам нужно, это import './main.scss'; в index. js. Вам также не нужно указывать суффикс.

Поиск файла