Vue + Vite + Rollup：动态导入不适用于生产构建

Question

我正在尝试将 Vite 与动态导入Vue SFC一起使用，但它不适用于生产构建。

有 stackblitz 的例子：

https://stackblitz.com/edit/vitejs-vite-ant1g2?file=src/main.ts

测试命令和 localhost:3000 显示良好。

vite

但是预览和 localhost:4173 显示空白。

vite build && vite preview

怎么了？你有什么解决办法？

Answer 1

使用defineAsyncComponent。

https://stackblitz.com/edit/vitejs-vite-pmqny3?file=src/main.ts

import { createApp, defineAsyncComponent } from 'vue';

console.log('start app');
createApp(defineAsyncComponent(() => import('./App.vue'))).mount('#app');

感谢https://misskey.dev/notes/8zjl4hnyz5