之前一直很好奇 nuxt 是怎麼做到分割檔案的，但一直沒有時間來好好研究。上網搜尋一下之後，得知原來就跟寫 vue-router 想要 lazy load 的時候一樣，只要不用 import xxx from 'xxx' 匯入，而是改用 import('xxx') 的方式匯入，就會被自動分割，達成在需要的時候才 import 的目的，也就是 component 的 lazy loading。
例如當我們在 vue3 裡要宣告一個 component 的時候可以用：const xxx = defineAsyncComponent(() => import('xxx'))
以下的描述是單純以 vite or webpack 來打包程式碼的情況，而非 nuxt。
因此這個 import() 就是關鍵之處。平常較為人知的 import 是只能在一個檔案的最上頭，並且是以 import xxx from 'xxx' 這樣的形式使用。不過以這種方式 import 的話，全部的 code 將都會被打包在一起，output 到你設定的路徑。