Element Plus führt die Konfiguration nach Bedarf ein

 Aufgrund zu vieler Fallstricke bei der Verwendung habe ich die Verwendung vorübergehend aufgegeben.

Beispiele für aufgetretene Fallstricke

#图标要加上 i-ep

<i-ep-House/>

# 在axios中使用加载和弹窗无效

Beginnen Sie mit dem Konfigurationsthema

Offizielle Website zur Komponentenkonfiguration: Quick Start | Element Plus (gitee.io)

Offizielle Website zur Symbolkonfiguration: Icon | Element Plus (gitee.io)

Importieren und installieren Sie zunächst wie folgt nach Bedarf 

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

npm install -D unplugin-icons

Konfigurieren Sie dann vue.config.js im Vue-Projekt wie folgt

const Icons = require('unplugin-icons/webpack')
const IconsResolver = require('unplugin-icons/resolver')

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(),
          // 自动导入图标组件
          IconsResolver({
            prefix: 'Icon'
          })
        ]
      }),
      Components({
        resolvers: [
          // 自动注册图标组件
          IconsResolver({
            enabledCollections: ['ep']
          }),
          ElementPlusResolver()
        ]
      }),
      Icons({
        autoInstall: true
      })
    ]
  }
}

Die obige Konfiguration ist abgeschlossen! ! !