vue3+vite添加webpackChunkName標識按模塊打包

// 安裝依賴包
npm i vite-plugin-webpackchunkname -D
npm i @rollup/pluginutils -D

 

在路由文件中引入頁面的時候添加 /* webpackChunkName: "xxxx" */ 

不添加會按默認方式打包

import(/* webpackChunkName: "homeIndex" */ '../pages/Home/index.vue')

 

打包完結果：

 

遺留問題：

太大資源會報內存溢出問題：

[manualNameChunksPlugin] Maximum call stack size exceeded