vue3 包体积优化，如何动态加载组件？

Question

问题描述

使用ace-build.js封装了一个文件编辑器，在elementplus的弹窗中引入了这个组件，再将整个弹窗封装成一个专门用来显示文本代码的组件， 默认弹窗组件里是引入好了ace-build的组件并且在页面中已经挂载，点击按钮时显示弹窗
但是，最终项目构建分析时发现ace模块体积占比很大，想要优化这块

我的想法是，先不要在页面上直接引入这个弹窗组件，在点击按钮时候才动态加载这个弹窗组件并渲染，那初始时也就没有引入了ace-build这个组件，那最终包体积应该也会排除这个很大的占比

不知道我的想法是否正确，并且咨询以下各位大佬，如何实现 点击按钮是时才动态加载这个组件？

Answer 1

vue3异步组件
https://cn.vuejs.org/guide/co...