vue3.0 使用element-plus 按需自动导入

一、element-plus 安装

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 = {
    publicPath:'./',
    configureWebpack: {
        // ...
        plugins: [
            AutoImport({
                resolvers: [ElementPlusResolver()],
            }),
            Components({
                resolvers: [ElementPlusResolver()],
            }),
        ],
    }
}

三、Icon的使用

1. 安装(第一种方式)

npm install @element-plus/icons

2. 全局注册