时间戳

首页 > 解决方案 > 与 js“.sass 文件”共享 sass 变量

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

问题描述

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

谢谢

标签： javascriptcssreactjswebpacksass

解决方案

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

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

无论如何，我也可以建议将所有 SCSS 内容复制到styled-components文件中，然后您将解决两个无法相互通信的独立世界的问题。

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

推荐阅读