vue-router webpackでページごとにファイルを分割するvue-routerでシングルアプリケーションを作成していると、ページ数が増えるにしたがって作成されるjsファイルのファイルサイズもどんどん増えていきます。 ページごとにファイルを分割し、そのページがアクセスされたタイミングでそのjsファイルを読み込むようにすれば最初のロード時間を短縮できます。 一見実装が難しそうですが、vue-routerとwebpackを使えば簡単に実現できます。 以下の説明の開発環境やフォルダ構成はvue-routerを導入してSPAを作成するで扱ったものと同様とします。 router.jsの修正コンポーネントの読み込み方法を以下のように設定します。 router.jsimport Vue from 'vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter); const routes = [ { pa
