vue-cli3 安装elementUI按需引入_vue-cli-plugin-element vue3

一、先安装elementUI
安装方法·1

vue create my-app
cd my-app
vue add element
1
2
3

安装方法2

vue ui #进入浏览器ui页面

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

二、配置

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

修改babel.config.js 配置文件

module.exports = {
  presets: [
    '@vue/app',
    ['env',      //添加 babel-preset-env 配置 
      {
        'modules': false
      }
    ]
  ],
  plugins: [        // element官方教程
    [
      'component',
      {
        'libraryName': 'element-ui',
        'styleLibraryName': 'theme-chalk'
      }
    ]
  ]
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

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