vue3 element plus动态引入最优雅的用法
发布时间
阅读量:
阅读量
全局导入
完成element plus的下载与安装后,需在入口文件中进行相应配置并实现挂载操作,即可顺利使用。然而,这种方式会将大量未被使用的组件一并打包,从而显著增加最终生成的包体积。
按需导入
通过按需导入的实现方式,实际上是采用解构的手段,将element包中的组件进行拆分,并将其挂载至app中。这种开发模式下,仅对所需组件进行打包,确实能够有效缩减整体包体积。然而,随之而来的新问题是,每当需要引入新组件时,都必须重复执行解构与挂载操作,导致使用过程变得极为繁琐。
是否存在一种方案,可以像全局引入那样只需进行一次配置,之后在需要用到的组件时,系统能够自动完成按需加载?
Vite项目演示实践
在项目构建过程中,需引入两个关键插件,即vite-plugin-style-import与vite-plugin-components。首先执行命令进行安装:npmi vite-plugin-style-import vite-plugin-components -D。随后,需对vite.config.js文件进行相应的配置调整。
//vite.config.js
import st
全部评论 (0)
还没有任何评论哟~
