与js“ .sass文件”共享sass变量

Question

我在与js共享sass变量时遇到问题，我在我的项目中使用Reactjs，并且我想共享一些与断点有关的sass变量以构建响应组件。 我看到我们可以在:export{}文件上使用.scss表达式共享变量，但我在.sass文件上尝试了相同的表达式，但是它不起作用。 :eport{}文件中的.sass是否有任何等效语法？

谢谢

Answer 1

我建议您将变量放在JSON文件中，然后可以通过设置JSON Importer将它们导入到SCSS文件中。

可以将与JSON文件中定义的变量相同的变量导入其他任何JS文件。

---

无论如何，我还建议将所有SCSS内容复制到styled-components文件中，然后您将解决两个彼此无法通信的世界的问题。

我一直在（React应用程序中）使用样式化组件取得了巨大的成功，并推荐这种方法。