目前專案中使用的Element-Plus版本以及自動匯入的webpack外掛版本為：

由於目前使用的是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 = {
 outputDir: './build',
 configureWebpack: {
  plugins: [
   AutoImport({
    resolvers: [ElementPlusResolver({ importStyle: false })]
    }),
   Components({
    resolvers: [ElementPlusResolver()]
    }),
   ]
  },
} 
 

當然如果不生效的話，我們也可以給Element-Plus提供的指令基礎上再封裝一層：

main.js檔案:

import { vLoading } from 'element-plus/es/components/loading/src/directive'
const app = createApp(App)
app.directive('load', vLoading)