Advertisement

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)

还没有任何评论哟~