我在与 js 共享 sass 变量时遇到问题,我正在为我的元素使用 Reactjs,我想共享一些与断点相关的 sass 变量以构建响应式组件。
我看到我们可以在 .scss
文件上使用 :export{}
表达式共享变量 我在 .sass
文件上尝试了相同的表达式,但确实如此不行。 .sass
文件中的 :eport{}
是否有任何等效语法?
谢谢
最佳答案
我可以建议将您的变量放在一个 JSON 文件中,然后您可以通过设置 JSON Importer 将它们导入到您的 SCSS 文件中。 .
在 JSON 文件中定义的相同变量可以导入到任何其他 JS 文件中。
无论如何,我也可以建议将所有 SCSS 内容复制到 styled-components文件,然后您将解决两个无法相互通信的独立世界的问题。
我一直在使用样式组件(在 React 应用程序中)并取得了巨大成功,我推荐这种方法。
关于javascript - 与 js 共享 sass 变量 ".sass files",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55951120/