Vue项目中如何实现ElementUI按需引入？

本文共计1579个文字，预计阅读时间需要7分钟。

目录+前言+按需引入+一、误区+二、正确手法+1、安装插件+2、修改.babelrc配置+3、新建auto-import-elementUI.js文件，注册需要的组件+4、main.js引入+前言+为了减少项目打包体积，提高项目性能

目录

• 前言
• 按需引入
• 一、误区
• 二、正确手法
• 1、安装插件
• 2、更改.babelrc配置
• 3、 新建auto-import-elementUI.js文件，注册需要用到的组件
• 4、main.js引入

前言

为了减小项目打包体积，提高项目性能，对Element UI组件进行按需引入，但是在实际实践过程中遇到了比较有意思的问题，官方写的demo然而并不能行的通，有开发者在Issues提问，然后官方并没有给予解决，而开发者用另一种方式实现了。
(在这里我就想吐槽：官方demo实现不了，写在官网上给更多的人种坑，网上一大堆的Element UI组件按需引入几乎都是官方的例子。我就想问问那些写文章的兄弟们有么有实践过，又给众多兄弟埋坑呢！所以我总结一下给兄弟们避雷。