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

posted @ 2022-03-24 15:31  Peter_Yang0942  阅读(1788)  评论(0编辑  收藏  举报