vue3项目按需引入element-plus报错 ERROR Invalid options in vue.config.js: “plugins“ is not allowed

因为官网的是官网的是wenpack.config.js，在项目中我们配置的文件是vue.config.js,所以导入的配置代码也就报错了。

解决方法：

1. 在vue.config.js中增加配置项：configureWebpack，这个是修改webpack配置数据用到的，
2. 用法：使用configureWebpack包裹需要写入的代码即可。如下图，只需要让红色框的包着绿色框。

const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  // 关闭语法检查
  lintOnSave: false,
    // element-plus按需引入
  configureWebpack:{
    plugins: [
      AutoImport({
        resolvers: [ElementPlusResolver()],
      }),
      Components({
        resolvers: [ElementPlusResolver()],
      }),
    ],
  }

})