按需引入 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' // 引入插件
posted @ 2022-06-12 22:45  天使阿丽塔  阅读(140)  评论(0编辑  收藏  举报