
最近又搞vue3项目了,不太情愿的使用element-plus,看到官网上使用icon只有全局循环注册所有icon的配置,很奇怪,不会增大包体积么,简单测试下.
新建两个项目都是全局引入element-plus(懒得设置按需导入,官网有简单)

页面中使用几个icon

vite打包大小


在组件文件内引入icon和使用同样icon

打包结果

打包生成的index.js文件大了1034.41k-861.17k = 173.24k
所以按需引入icons,包体积更小呀!全局导入除了方便点还有啥特别之处?