how to add plugins

[langziyang]

this is ui document

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

// webpack.config.js
const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')

module.exports = {
  // ...
  plugins: [
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
}

so when i install plugins,i add plugin like this:

// webpack.config.js
const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const {ElementPlusResolver} = require('unplugin-vue-components/resolvers')

Encore
// ....
.addPlugin(AutoImport({
        resolvers: [ElementPlusResolver()],
    }))

when i run yarn run watch, i got error:

TypeError: AutoImport is not a function

how to fix it

[gimler]

@langziyang autoimport ist a Class See original documentation you must call default method See https://github.com/unplugin/unplugin-auto-import