vue3按需引入element-plus遇到的问题vue3项目搭建，包管理器是webpack，按需映入element-p

vue3项目搭建，包管理器是webpack，按需映入element-plus步骤如下：

1、安装elemnet-plus

由于element-plus我们在运行时也需要使用，所以是生产时依赖

npm install element-plus --save

2、按照官网步骤导入

element-plus官方示例

2.1 安装unplugin-vue-components 和 unplugin-auto-import这两款插件

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

2.2 在 `vue.config.js`文件中配置webpack

const {
  defineConfig
} = require('@vue/cli-service')
const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const {
  ElementPlusResolver
} = require('unplugin-vue-components/resolvers')


module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  configureWebpack: {
    plugins: [
      AutoImport({
        resolvers: [ElementPlusResolver()],
      }),
      Components({
        resolvers: [ElementPlusResolver()],
      }),
    ],
  }
})