使用样式字典在多个项目中共享变量



我有一个使用Style Dictionary的React项目,它生成了一个_variables.scss文件,我可以在项目中利用它。这很好,但有没有一种方法可以在多个项目之间进行程序共享?例如,如果我在主项目中更新样式字典,那么其他项目如何在不手动复制和粘贴的情况下访问更新的_variables.scss

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

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

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

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

"清晰度设计标记";是包名称(实际上不存在,在研讨会上使用过(,其余的是样式字典包构建的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(。

此外,您还可以设置mono-repo,并且使用scss变量文件(或样式字典中的任何其他构建工件(也是一样的。这有帮助吗?

最新更新