如何将configureWebpack对象写法改为函数式配置unplugin-vue-components插件

原有依赖引入部分无需修改，保持如下写法即可：

const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')

两种可选的函数式实现写法 #

• 写法1：直接修改传入的config对象（无需返回值，适合需要基于现有配置做条件判断的场景）

configureWebpack: (config) => {
  config.plugins.push(
    Components({
      resolvers: [ElementPlusResolver()]
    })
  )
}

• 写法2：返回配置对象自动合并（和原有对象写法逻辑一致，vue-cli 会自动将返回的配置和基础配置合并）

configureWebpack: (config) => {
  return {
    plugins: [
      Components({
        resolvers: [ElementPlusResolver()]
      })
    ]
  }
}

两种写法均可正常生效，根据使用习惯选择即可。

内容的提问来源于stack exchange，提问作者苏解文