[tree shaking]使用vite开发时，浏览器过多无用请求

[ChengZicy]

tdesign-vue-next 版本

1.3.10

重现链接

No response

重现步骤

使用按需引入或者使用auto-import引入时，都会出现这样的情况

import { Button as TButton } from 'tdesign-vue-next'
app.use(TButton)


<t-button>Click</t-button>

浏览器会加载所有icon的js，以及所有组件的style，因为请求过多，导致devtools每次打开都会很卡

期望结果

按需引入只加载应加载的部分，例如引入button，就只加载button有关的css
可以提供一个开关，是否加载icon资源

实际结果

No response

框架版本

3

浏览器版本

No response

系统版本

No response

Node版本

18

补充说明

No response

[github-actions]

👋 @ChengZicy，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[ChengZicy]

补充：全局导入也是一样

[wangyang0210]

https://stackblitz.com/edit/yyyqnc-ytgbmc?file=src%2Fmain.js
import Button from 'tdesign-vue-next/es/button';

走index.mjs的话，的确会引入全部的组件及样式；

[skywalker512]

应该可以确定是这个提交导致 icon 被 splitting 了

Tencent/tdesign-icons#52

已经在对应仓库发起了 issue 了。

因为请求过多，导致devtools每次打开都会很卡

这个是 chrome 的 bug，已经修复合入 chrome 115 了
https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/4642732

[uyarn]

有两部分 一部分是图标的Chunk 一部分是其他组件的css 处理中

[uyarn]

icons-vue-next 升级至 0.1.12 可以解决图标chunk加载的问题