0

我有一个使用Style Dictionary的 React 项目，它会生成一个_variables.scss我可以在项目中使用的文件。这很好用，但有没有办法以编程方式跨多个项目共享？例如，如果我在主项目中更新样式字典，其他项目如何在_variables.scss不手动复制和粘贴的情况下访问更新的内容？

最初，我只能想到一个所有项目都可以从中提取的远程 git。但是他们怎么能只提取某些文件呢？

4

1 回答 1

1

嘿，对不起，我不经常检查。为了将来参考，在Github上提交问题是您及时回答的最佳选择。

Style Dictionary 包的想法是，它应该像给定平台上的任何其他包一样被使用。例如，如果您想在 Web 环境中使用样式字典包，您可以将其发布为 NPM 包，然后_variables.scss根据您的项目构建系统/捆绑器使用该文件。例如，如果您使用 webpack，您将依赖 NPM 包并将其导入，如下所示：

@import "clarity-design-tokens/web/dist/variables.scss";

“clarity-design-tokens”是包名（实际不存在，在车间用过），剩下的就是scss变量文件构建的样式字典包的路径。

取自这个例子： https ://github.com/dbanksdesign/clarity-2020-design-token-workshop/blob/final/web/demo/src/styles/base.scss#L1

完整的例子可以在这里看到：https ://github.com/dbanksdesign/clarity-2020-design-token-workshop/blob/final （这个包产生 NPM 工件，以及一个 Android 库和一个 CocoaPod）。

你也可以有一个单一的回购设置，并且使用 scss 变量文件（或样式字典中的任何其他构建工件）将是相同的。这有帮助吗？

于 2020-12-03T23:12:43.863 回答