Antdv- next 自动导入解析器

联合国 |

@antdv-next/auto-import-resolver 额.. 未插图-vue 组件 的一个解析器,用于实现 Antdv 下一个 按需引入。

(单位:千美元)

• 页:1 Vite, (中文(简体) ), Webpack, (中文(简体) ), Rspack, (中文(简体) ), Vue CLI, (中文(简体) ), Rollup, (中文(简体) ), esbuild 无

安装

# 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

空虚

维特

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

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

滚动

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

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

网络软件包

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

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

包装

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

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

虚拟 CLI

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

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

兴建

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

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

选项

专业

自动引入 @ antdv- next/ pro Pro 组件, s a-scrollbar 3⁄4 ̄ ̧漯B ap-config-provider键。

• 类型: boolean | { include?: FilterPattern, exclude?: FilterPattern }
• 默认值: false
• 依赖: @antdv-next/pro
• 示例:

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

================================================================================================== include键。exclude 的优先级高于 include时 Scrollbar / 编号 AScrollbar键。

Components({
  resolvers: [
    AntdvNextResolver({
      pro: {
        include: ['Scrollbar'],
        exclude: ['AScrollbar'],
      },
    }),
  ],
})

解析

自动引入 @antdv-next/相册 图标库

• 类型 : boolean
• 默认 : false
• 示例

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

排除

设置不自动引入的组件或图标。

• 类型 : string[]
• 默认 : []
• 示例

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