我正在构建一个组件库(类似于Auth0 Cosmos),我将其发布到npm,以便可以将其导入为外部模块。目标是拥有一个完整的组件库,这些组件具有基于主题的默认样式。
到目前为止,该程序包正在从程序包中的默认主题文件中获取其主题。我希望用户配置自己的自定义颜色,并根据他们选择的颜色设置主题。
有什么方法可以设置Webpack,以便可以从安装了npm软件包的外部根目录中导入自定义主题文件?
理想情况下,我希望有一个可选的'customTheme'文件,该文件放在根目录中,并由npm包拉入,以便在导入组件时将自定义样式应用于组件。
如果用户选择不添加自定义主题,我也希望它仍然可以工作。
有人对我如何实现这一目标有任何想法吗?有更好的方法解决这个问题吗?
预期结果: