使用样式字典在多个项目之间共享变量答案

【问题标题】：Sharing Variables Across Multiple Projects Using Style Dictionary使用样式字典在多个项目之间共享变量
【发布时间】：2020-07-23 14:08:32
【问题描述】：

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

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

【问题讨论】：

标签： git style-dictionary

【解决方案1】：

抱歉，我不经常检查。为了将来参考，在Github 上提交问题是您获得及时答复的最佳选择。

样式字典包的想法是，它应该像给定平台上的任何其他包一样被使用。例如，如果您想在 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 变量文件（或样式字典中的任何其他构建工件）将是相同的。这有帮助吗？

【讨论】：