前言

在使用 element-plus 按需导入，配置 vue.config.js 文件时，报错： ERROR  Invalid options in vue.config.js: "plugins" is not allowed。

解决方法：webpack 相关的配置需要写到 configureWebpack 里，不能直接写在外面。

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,
  configureWebpack: {
    plugins: [
      AutoImport({
        resolvers: [ElementPlusResolver()],
      }),
      Components({
        resolvers: [ElementPlusResolver()],
      }),
    ],
  },
});