unplugin-vue-components 在 vite 中的使用和配置

unplugin-vue-components 是由vue官方人员开发的一款自动引入插件,可以省去比如UI库的大量 import 语句。

安装:

npm i unplugin-vue-components -D

  

配置:

vite.config.js

import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'
import Components from 'unplugin-vue-components/vite'
import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [
    Components({
      dirs: ['src/components'], // 配置需要默认导入的自定义组件文件夹,该文件夹下的所有组件都会自动 import
      resolvers: [AntDesignVueResolver({ importStyle: false, resolveIcons: true })]
    })
  ]
}

  

 

posted @ 2022-11-01 15:19  孟祥玉  阅读(846)  评论(0)    收藏  举报