ElementPlus自动导入

本文借鉴(抄)自[实现自动引入+按需引入element-plus原来如此简单] - 河豚学前端。

本篇博客仅记载vue-cli的安装方法，其他方法还请参考上面的官方指南。

安装npm包:

1	npm i unplugin-vue-components unplugin-auto-import -D

配置(vue-cli)

在项目根目录下创建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()],
        }),
      ],
    }
}

之后使用这条命令启动项目:

1	npm run serve

然后直接在template里使用Element Plus的组件就行。