elementplus最新版实现按需导入

安装准备

先安装elementplus

npm install element-plus --save

安装自动导入的插件

npm install -D unplugin-vue-components unplugin-auto-import

配置vue.config.js

const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')

module.exports = {
  outputDir: './dist', // 打包导出地址
  configureWebpack: {
    resolve: {
      alias: {
        views: '@/views'
      }
    },
    plugins: [
      AutoImport({
        resolvers: [ElementPlusResolver()],
      }),
      Components({
        resolvers: [ElementPlusResolver()],
      }),
    ],
  }
}

main.ts

import { createApp } from 'vue'
import App from './App.vue'
im