大鹏一日同风起,扶摇直上九万里|

ajajaz

园龄:5年3个月粉丝:13关注:3

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(), //当前内容
  ],
}

本文作者:ajajaz

本文链接:https://www.cnblogs.com/guozhiqiang/p/16892152.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   ajajaz  阅读(3167)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起