Vue Webpackロードコード分割ファイルとショーローダー

Question

現在、VueとVue-Webpackでコードを分割しています。/index.htmlを私のルータで

私はこのような何か：

const Dashboard =() => import(/* webpackChunkName: "dashboard" */ '@/components/Dashboard.vue'); 

これは素晴らしい作品、およびコンポーネントがロードされているが、何の負荷フィードバックがユーザーに表示されていないが。ロードするコンポーネントを要求しているユーザーと実際に実行されたときに挿入できるコードはありますか？あなたは常にあなたのスピナーを示すだろう、インポートする前に

Dashboard.then(() => { 
    // Remove your spinner or loading animation. 
}) 

とあなたのthenに：あなたはの線に沿って何かを行うことができるはずので

乾杯、 アーウィン

Answer 1

ダイナミック輸入は約束を返します解決したら、それを削除します。

ダイナミックインポートではあまり働かないので、これは機能しない可能性があります。