Element Plus 配置自动导入

安装

npm
npm install unplugin-vue-components unplugin-auto-import -D
yarn
yarn add unplugin-vue-components unplugin-auto-import -D
pnpm
pnpm install unplugin-vue-components unplugin-auto-import -D

配置

Element-Plus 官网给的是在webpack.config.js中引入，如果我们想在vue.config.js中引入，其实是一样的。可以看我这篇文章vue.config.js的几种配置方式。configureConfig中的内容以及参数跟webpack一样。我们可以直接替换:
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 = {
  configureWebpack: {
    plugins: [
      AutoImport({
        resolvers: [ElementPlusResolver()]
      }),
      Components({
        resolvers: [ElementPlusResolver()]
      })
    ]
  }
}

这样就大功告成了！