Skip to main content

基础使用

安装​

yarn add -D unplugin-vue-components

vite​

// vite.config.ts
import AutoImport from 'unplugin-auto-import/vite'
export default defineConfig({
  plugins: [
    AutoComponents({
      dts: true,
      dirs: ["src/components"],
      directoryAsNamespace: true, // 开启命名空间（目录名+组件名）
      extensions: ["vue"],
      resolvers: [HeadlessUiResolver()],
    }),
  ],
})

第三方库自动导入​

import {
  AntDesignVueResolver,        // Antdesign
  ElementPlusResolver,         // Element-ui
  HeadlessUiResolver,          // 
  VantResolver,                // Vant
} from 'unplugin-vue-components/resolvers'

// your plugin installation
AutoImport({
  resolvers: [
    //AntDesignVueResolver(),
    //ElementPlusResolver(),
    VantResolver(),
  ]
})