跨多个文件组织的树状摇动友好图标库[JS]

问题描述

我已经配置了与Webpack一起使用的摇树功能。在我的项目中，我想创建一个SVG图标的React图标库。我有以下结构：

Icons/
- actions.jsx
- products.jsx
- weather.jsx
- index.js

在index.file内，我有以下内容：

export * as actions  from './actions'; 
export * as products from "./products";
export * as weather  from "./weather";

假设我只想使用一个图标：

import * as Icons from "./Icons" 

...

render() {
  <Icons.actions.delete/>
}

发生的情况是，products.jsx和weather.jsx的图标已被成功丢弃，但是actions.jsx的所有图标都出现在最终的捆绑包中……

我如何保持结构不变，但仍然摇晃所有图标，但实际引用的图标除外？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）