unplugin-vue-components(按需加载使用的组件)

作用

unplugin-vue-components 是由 vite-plugin-components重名而来，可以将项目中的组件按需引用，仅注册你使用的组件。

//平时我们在页面使用组件
<template>
	<comp/>
</template>
<script>
import { definconfig } from "vue"
import comp from "./src/components/comp.vue"
export default definconfig({
	name:"page1",
	components:{ comp }
	})
<script>
// 引入unplugin-vue-components之后
 <template>
 	<comp/>
 </template>
 <script>
 //不需要任何相关内容
 </script>

安装

cnpm install unplugin-vue-components

vite.config.ts文件中的配置

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import Components from 'unplugin-vue-components/vite' //当前提及内容

export default defineConfig({
  plugins: [
   	vue(),
    Components(), //当前内容
  ],
}