vite2.x implementiert das On-Demand-Laden von Ant-Design-Vue@next-Komponenten

yarn add vite-plugin-style-import -D oder npm i vite-plugin-style-import -D

vue aus '@vitejs/plugin-vue' importieren
importiere StyleImport von „vite-plugin-style-import“;
/**
 * @Typ {import('vite').UserConfig}
 */
Standard exportieren {
 Plugins: [
  vue(),
  StilImport({
   Bibliotheken: [{
    Bibliotheksname: "ant-design-vue",
    esModule: true,
    resolveStyle: (Name) => {
     gibt `ant-design-vue/es/${name}/style/css` zurück;
    },
   }]
  })
 ]
}

importiere { createApp } von 'vue'
App aus „./App.vue“ importieren
importiere { Input } von ‚Ant-Design-Vue‘;
const app = createApp(App)
app.use(Eingabe)
app.mount('#app')

<Vorlage>
 <!-- Importiert und im Skript-Setup verwendet, keine Registrierung erforderlich-->
 <Button type="primary"> Primär</Button>
 <!-- Verwenden Sie use, um Komponenten in main.js zu registrieren -->
 <a-input placeholder="Grundlegende Verwendung" />
</Vorlage>
<Skript-Setup>
importiere { Button } aus „Ant-Design-Vue“;
</Skript>