欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue3項(xiàng)目配置按需自動(dòng)引入自定義組件unplugin-vue-components方式

 更新時(shí)間：2024年03月21日 17:30:13   作者：菜鳥(niǎo)茜  
這篇文章主要介紹了vue3項(xiàng)目配置按需自動(dòng)引入自定義組件unplugin-vue-components方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

我們通常在項(xiàng)目中，需要手動(dòng)引入自定義的各種組件，如果涉及的頁(yè)面功能比較多的話，光是import的長(zhǎng)度都能趕上春聯(lián)了。

如果，能有一個(gè)插件幫我們實(shí)現(xiàn)自動(dòng)引入，是不是要謝天謝地了呢？

接下來(lái)就進(jìn)入我們的主角unplugin-vue-components，這就是前端大神Anthony Fu寫的的非常好用的插件，其實(shí)已經(jīng)被vite官方收錄了

1、安裝unplugin-vue-components

npm i unplugin-vue-components -D

2、配置vite.config

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
 
import Components from 'unplugin-vue-components/vite'
 
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue(), Components(),],
})

3、驗(yàn)證

將你引入自定義組件的import*****之類的語(yǔ)句，去掉，依舊正常運(yùn)行

你是否會(huì)有疑問(wèn)，如果是這樣，如果不同包的同名文件會(huì)怎么樣呢？

作者提供了一個(gè)簡(jiǎn)單的解決辦法，一句兩句說(shuō)不清，具體看我整理的這篇文章：

unplugin-vue-components解決命名沖突

小Tips：

Anthony Fu，在Git上的賬號(hào)是antfu，是Vue和Vite核心成員，同時(shí)也是VueUse、Slidev幾個(gè)開(kāi)源項(xiàng)目的作者……，他的一些插件都是非常非常實(shí)用的！

有興趣的小伙伴可以去git看下，unplugin-vue-components的github地址

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論