Antdv-next Auto Import Resolver

English | 简体中文

@antdv-next/auto-import-resolver is a resolver for unplugin-vue-components that enables on-demand importing of Antdv Next components.

Features

• Supports Vite, Webpack, Rspack, Vue CLI, Rollup, esbuild, and more.

Installation

# via npm
npm i @antdv-next/auto-import-resolver unplugin-vue-components unplugin-auto-import -D

# via yarn
yarn add @antdv-next/auto-import-resolver unplugin-vue-components unplugin-auto-import -D

# via pnpm
pnpm add @antdv-next/auto-import-resolver unplugin-vue-components unplugin-auto-import -D

# via Bun
bun add @antdv-next/auto-import-resolver unplugin-vue-components unplugin-auto-import -D

Usage

Vite

// vite.config.ts
import { AntdvNextResolver } from '@antdv-next/auto-import-resolver'
import Components from 'unplugin-vue-components/vite'

export default defineConfig({
  plugins: [
    Components({
      resolvers: [AntdvNextResolver()],
    }),
  ],
})

Rollup

// rollup.config.js
import { AntdvNextResolver } from '@antdv-next/auto-import-resolver'
import Components from 'unplugin-vue-components/rollup'

export default {
  plugins: [
    Components({
      resolvers: [AntdvNextResolver()],
    }),
  ],
}

Webpack

// webpack.config.js
import { AntdvNextResolver } from '@antdv-next/auto-import-resolver'
import Components from 'unplugin-vue-components/webpack'

module.exports = {
  plugins: [
    Components({
      resolvers: [AntdvNextResolver()],
    }),
  ],
}

Rspack

// rspack.config.js
import { AntdvNextResolver } from '@antdv-next/auto-import-resolver'
import Components from 'unplugin-vue-components/rspack'

module.exports = {
  plugins: [
    Components({
      resolvers: [AntdvNextResolver()],
    }),
  ],
}

Vue CLI

// vue.config.js
import { AntdvNextResolver } from '@antdv-next/auto-import-resolver'
import Components from 'unplugin-vue-components/webpack'

module.exports = {
  configureWebpack: {
    plugins: [
      Components({
        resolvers: [AntdvNextResolver()],
      }),
    ],
  },
}

esbuild

// esbuild.config.js
import { AntdvNextResolver } from '@antdv-next/auto-import-resolver'
import Components from 'unplugin-vue-components/esbuild'

build({
  plugins: [
    Components({
      resolvers: [AntdvNextResolver()],
    }),
  ],
})

Options

resolveIcons

Automatically import @antdv-next/icons icons library.

• Type： boolean
• Default： false
• Example：

Components({
  resolvers: [
    AntdvNextResolver({
      resolveIcons: true,
    })
  ]
})

exclude

Set the components or icons that do not require automatic import.

• Type: string[]
• Default: []
• Example:

Components({
  resolvers: [
    AntdvNextResolver({
      exclude: ['Button'],
    }),
  ],
})