совместное использование переменных sass с js ".sass files"

Question

У меня проблема с совместным использованием переменных sass с js, я использую Reactjs для своего проекта и хочу поделиться некоторыми переменными sass, связанными с точками останова, для создания отзывчивых компонентов. Я видел, что мы можем совместно использовать переменную, используя :export{} выражение для .scss файлов. Я пробовал то же выражение для .sass файлов, но оно не работает. Есть ли эквивалентный синтаксис для :eport{} в .sass файлах?

Спасибо

Answer 1

Я могу предложить поместить ваши переменные в файл JSON, а затем импортировать их в файлы SCSS, настроив Импортер JSON .

Те же переменные, которые были определены вФайл JSON можно импортировать в любые другие файлы JS.

---

Вне зависимости от этого, я также могу предложить скопировать весь контент SCSS в файлы styled-components , и тогда вырешить проблему двух отдельных миров, которые не могут общаться друг с другом.

Я с большим успехом работаю со стилевыми компонентами (в приложениях React) и рекомендую этот подход.