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