文章讲述了在使用Element-UI时从全量引入转向按需引入的过程，包括安装babel-plugin-component，修改.babelrc（或babel.config.js）文件，以及解决因缺少babel-preset-es2015导致的错误，最后将preset改为@babel/preset-env来解决问题。
一.安装组件
首先，关于 element-ui 我使用的导入方式是 npm 安装，最开始的引入方式也是官方文档上的全部引入，在这里就不多说了，接下去多说说按需引入时碰到的问题，以及我是怎么解决我的问题的。
按照文档上的按需引入需要先安装 babel-plugin-component：
npm install babel-plugin-component -D
然后是将.babelrc 文件进行修改，这里我一直找不到这个文件在哪，最后直接修改了 babel.config.js 也是能实现按需引入的。
要注意的是这个文档当中本来就有的配置不要去改动，直接在后面加上官方文档上的配置， 这是我配置之前的文档：
配置之后：
然后这个配置在后面运行时会报错： Cannot find module ‘babel-preset-es2015’
解决方法： 先安装 babel-preset-es2015 到项目的部署环境中：
npm install babel-preset-es2015 -D
然后将 babel.config.js 的 “es2015” 修改成 “@babel/preset-env”，修改过后重新启动就可以了
转载https://juejin.cn/post/7033926741362114574
扫一扫
941
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
