打包结果文件过多，导致生产版本一次性获取太多的文件的传输性能问题

[wuliankui86]

动态路由中const modules = import.meta.glob("@/views//*.vue");
这句代码会将views里面的所有vue文件单独打包成一个chunk，包括所有子组件！！，如果单个页面的子组件超过100个，意味着要同时加载100个chunk导致传输性能低下；
建议修改成
const modules = import.meta.glob("@/views//*-page.vue");
页面文件以-page结尾，这样rullup在打包过程中会将当前页面关联的所有子组件打包至同一个chunk中

[wuliankui86]

在打包配置中也尝试过使用
manualChunks(id) {
// 将 views/page 目录下的文件打包成一个 chunk
if (id.includes("/views/page/")) {
return "chunk-page";
}
}

但是这样配置chunk，在入口的chunk中，会把该chunk进行加载，导致报错

[tlerbao]

单个页面 100 个子组件是什么情况