vue-cli3 安装elementUI按需引入

一、先安装elementUI

安装方法·1

vue create my-app
cd my-app
vue add element

安装方法2

vue ui #进入浏览器ui页面

1.菜单栏 选择插件
2.单击右上角+ Add plugin，添加插件
3.找到vue-cli-plugin-element安装即可。

二、配置

npm add babel-plugin-component  --only=dev #安装依赖,官方是这样写的npm install babel-plugin-component -D

修改babel.config.js 配置文件

module.exports = {
  presets: [
    '@vue/app',
    ['env',      //添加 babel-preset-env 配置 
      {
        'modules': false
      }
    ]
  ],
  plugins: [        // element官方教程
    [
      'component',
      {
        'libraryName': 'element-ui',
        'styleLibraryName': 'theme-chalk'
      }
    ]
  ]
}

如果报错 Error: Cannot find module 'babel-preset-env' from '...' - Did you mean "@babel/env"?
就把env改成@babel/preset-env