按需引入 Element 组件
- 首先,安装 babel-plugin-component:
npm install babel-plugin-component -D
- 然后,将
babelrc.config.js
修改为:
module.exports = {
presets: ['@vue/cli-plugin-babel/preset', ['@babel/preset-env', { modules: false }]],
plugins: [
[
'component',
{
libraryName: 'element-ui',
styleLibraryName: 'theme-chalk',
},
],
],
}
- 创建
plugins/element.js
import Vue from 'vue'
import { Button, Select } from 'element-ui'
Vue.use(Button).use(Select)
- 创建
plugins/index.js
import './element.js'
- 在
main.js
引入
import './plugins/index.js' // 引入插件