问题标签 [tsdx]

我添加@storybook/preset-create-react-app到我的插件中，因为我希望故事书与 React/CRA 一起使用。基本上，我正在尝试以与 CRA 相同的方式导入 SVG。

SomeSvgStaticUrl- 默认情况下工作正常（返回字符串静态 URL，可以正常工作<img src={SomeSvgStaticUrl} />，但不是我想要的）

SomeSvgReactComponent-undefined默认情况下

所以，我决定更新 webpack 配置来添加一个 SVG 加载器，

就像故事书的魅力一样，但默认导入（SomeSvgStaticUrl在这种情况下），它返回 ReactComponent 而不是静态 URL。并且SomeSvgReactComponent是undefined。没问题，但是当宿主应用程序使用具有默认 React/CRA 配置的包时，它不起作用。主机应用程序获得以下内容，

SomeSvgStaticUrl- 静态网址

SomeSvgReactComponent- 反应组件

如果我从包中删除 SVG 加载器，它在主机应用程序上运行良好，但不适用于故事书。当我保留 SVG 加载器时，它可以很好地与故事书一起使用，但不能与主机应用程序一起使用。

我真的不想强制所有主机应用程序通过他们的 webpack 配置使用相同的 SVG 加载器。关于做什么的任何帮助或让故事书 SVG 加载器以与 React/CRA 加载器相同的方式工作的最佳方法是什么？

套餐详情

我创建了 TSDXreact-with-storybook项目，但发现我无法导入 CSS 模块。运行时出现问题npm start：

以下是我的一些想法：

这些步骤都没有帮助（既不单独也不一起）。我能用它做什么？主要目标是将SCSS文件作为组件中的模块导入React。

我正在创建一个组件库，如您所见，我具有以下结构。

我想要的是，当我进行构建时，界面路径不会出现在 Button.d.ts 文件中，而是界面本身。

我知道这可以通过在 Button.tsx 文件中创建接口来完成，但我希望将所有接口都放在同一个文件夹中。

编译时有没有办法将接口的内容放入组件中？

这是我的代码