Как применить глобальный стиль к html, тексту с помощью SCSS без использования @import

#html #css #reactjs #sass #react-scripts

Вопрос:

SASS советует вам не использовать @import, так как в будущем он будет устаревшим, но как тогда применять глобальный стиль через SCSS?

Ответ №1:

Попробуй @use

Новое @использование похоже на @импорт. но имеет некоторые заметные отличия.

Комментарии:

1. В этом вы правы, но я думаю, что нашел проблему. реагируйте-скрипты при запуске / сборке в пакете.json компилирует scss, если у вас установлен node-sass. react-скрипты, которые поступают из create-react-app, автоматически компилируют scss в css во время выполнения и во время сборки, но, похоже, @use не поддерживается… даже через 2 года. Я поцарапал себе череп, чтобы приземлиться на это, но решение, которое я нашел, состояло в том, чтобы использовать sass-watch style.scss style.css и просто импортировать style.css нормально.