ui按需加载 vue引入element_vue项目按需引入Element-UI遇到的问题及解决办法

1.

按需引入

借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。

首先，安装 babel-plugin-component：

npm install babel-plugin-component -D2.在项目的src文件夹下新建.babelrc文件

，将 .babelrc 修改为：

{

"presets": [["es2015", { "modules": false }]],

"plugins": [

[

"component",

{

"libraryName": "element-ui",

"styleLibraryName": "theme-chalk"

}

]

]

}

3.输入npm run serve 命令重启项目，遇到了以下问题

由此可见是找不到babel-preset-es2015这个模块。

解决办法：

1.安装@babel/preset-env；项目目录下，运行命令行

npm i @babel/preset-env -D

或cnpm i @babel/preset-env -D

如果使用cnpm ,需要提前安装cnpm,命令为npm install cnpm -g --regi