在vue.config.js中使用configureWebpack

首先先看下报错信息： Invalid options in vue.config.js: “plugins” is not allowed在导入element-plus组件时，根据element-plus官网的指示是导入下面这一段内容的，但是需要注意的话：在项目中我们配置的文件是vue.config.js,而官网的是wenpack.config.js，所以导入的配置代码也就报错了。

解决方法：

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

configureWebpack:{

    plugins: [
      AutoImport({
        resolvers: [ElementPlusResolver()],
      }),
      Components({
        resolvers: [ElementPlusResolver()],
      }),
    ],

  }

图片：

主要讲解的是element-plus导入时的webpack配置以及在vue.config.js中如何使用configureWebpack配置webpack数据。

讲解完毕，谢谢观看！