vue3x中最简单的按需引入element-plus，真的没有那么麻烦

前言

不用全局引入，也不需要搞分层架构弄一个文件在main.js挂载

在项目中执行命令

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')

// 跟devServer平级
// element-plus按需导入
configureWebpack: {
  plugins: [
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
},