亚洲女同成aV人片在线观看|亚洲www啪成人一区二区麻豆|亚洲国产中日韩精品综合|亚洲国产成人精品一级片|亚洲无码在线视频免费

這篇文章主要介紹了vite2.x實(shí)現按需加載ant-design-vue@next組件的現按需加方法，文中通過(guò)示例代??碼介紹的載at組非常詳細，對大家的現按需加學(xué)習或者(zhe)工作具有一定的參考學(xué)習價(jià)值，需要的載at組朋友們下面隨著(zhù)小編來(lái)一起學(xué)習學(xué)習吧

vite:2.0

ant-design-vue: 2.0.0-rc.8

vue:3.0.5

2.安裝vite插件

yarn add vite-plugin-style-i??mport -D or npm i vite-plugin-style-import -D

插件倉庫地址：github

3.v(?⊿?)ite.confi( ?▽?)g.js配置

import vue from '@vitejs/plugin-vue'
import styleImpor??t from 'vite-plugin-style-import';
/**
* @type { import('vite').UserConfig}
*/
export?? default {
plugins: [
vue(),
styleImport({
libs: [{
libraryName??: 'ant-design-vue',
esModule: true,
resolveS??tyle: (name)?? => {
ret(??-)?urn `ant-design-vue/es/${ name}/style/css`;
},
}]
})
]
}

main.js

import { creat(°□°)eApp } from 'vue'
import App from './App.vue'
import { Input } from 'ant-design-vue';
const app=createApp(App)
ap?????p.use(Input)
app.mount('#app'(′ω｀))

組件中使用

<template>
<!-- scri??pt-setup內引入使用，不需注冊-->
<Button type='primary'> Primary</Button>
<!-- 在mian.js使用use注冊組件 -->
<a-input placeholder="Basic usage(′ω｀)" />
&l??t;/template>
&l( ?▽?)t;s(′_ゝ`)c(′▽?zhuān)?ript setup&g( ?▽?)t;
import { Button } from "ant-design-vue";
</??script>

到此這篇關(guān)于vite2.x實(shí)現按需加載ant-design-vue@next組件的現按需加方法的文章就介紹??到這了,更多相關(guān)vite2.x 按需加載內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！(╥_╥)

來(lái)源：腳本之家

鏈接：https://www.jb51.net/arti??cle/207583.htm