javascript - 与 js 共享 sass 变量 ".sass files"

标签 javascript css reactjs webpack sass

我在与 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/

相关文章:

css - IE8 位置固定,绝对位置内部溢出问题

javascript - react /ES6 : Arrow Function not binding "this" as expected

Javascript .toFixed() 更精确的舍入替代方案?

javascript - jQuery Append 删除/隐藏以前的对象

javascript - while 内的 Node.JS 回调

reactjs - 如何在 React.js 中使用编写三元运算符来处理点击事件

reactjs - 在 useMutation (React-Query) 中发送多个查询的最佳方法是什么

javascript - html 下拉菜单依赖于 json 数据

html - Css 显示表不尊重以百分比表示的大小

css - 使用 bootstrap2 的绝对定位布局