Tencent / tdesign-icons

A mono repo for TDesign Icons
https://tdesign.tencent.com/design/icon
MIT License
49 stars 27 forks source link

[构建产物] 使用 vite 开发时,icon 会被 splitting 到多个文件,影响开发体验 #69

Closed skywalker512 closed 1 year ago

skywalker512 commented 1 year ago

tdesign-icons 版本

0.1.11

重现链接

none

重现步骤

  1. 在项目中 import tdesign-icons-vue-next/esm/index.js
  2. 启动 vite dev server
  3. chrome devtools 观察网络请求 或 项目中的 node_modules/.vite/deps 文件夹
  4. 有大量的 icon chunk 文件

相同的问题 https://github.com/Tencent/tdesign-vue-next/issues/3079

期望结果

被正确的 bundle 为一个文件

实际结果

错误的 splitting 有大量的 icon chunk 文件

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

导致该问题的提交 https://github.com/Tencent/tdesign-icons/pull/52

import('./components/${stem}')

会让 esbuild 认为是动态导入,进行 splitting

github-actions[bot] commented 1 year ago

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

github-actions[bot] commented 1 year ago

♥️ 有劳 @uyarn 尽快确认问题。 确认有效后将下一步计划和可能需要的时间回复给 @skywalker512 。