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

vue3項目配置按需自動引入自定義組件unplugin-vue-components方式

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

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

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

接下來就進入我們的主角unplugin-vue-components，這就是前端大神Anthony Fu寫的的非常好用的插件，其實已經(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、驗證

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

你是否會有疑問，如果是這樣，如果不同包的同名文件會怎么樣呢？

作者提供了一個簡單的解決辦法，一句兩句說不清，具體看我整理的這篇文章：

unplugin-vue-components解決命名沖突

小Tips：

Anthony Fu，在Git上的賬號是antfu，是Vue和Vite核心成員，同時也是VueUse、Slidev幾個開源項目的作者……，他的一些插件都是非常非常實用的！

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

總結(jié)

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

相關(guān)文章

最新評論