6/4 Vue.js

自分なりの解釈

vue-cliを使用したマルチページモード

流れとしては

エントリーポイントをページ毎に作成する

vue.config.jsファイルに追記

pages: {
    index: {
      entry: 'src/index/main.js',
      template: 'public/index.html',
      filename: 'index.html',
      title: 'Index Page',
      chunks: ['chunk-vendors', 'chunk-common', 'index']
    }
  }

entryでエントリーポイントとなるファイルのパスを指定

templateでHTMLファイルのパスを指定

filenameでbuildした際のファイル名を設定

titleでページタブのタイトルを設定

chunks　いまいち理解できず・・・

html-webpack-pluginとpreload-webpack-pluginをインストールする。

一通り実践してみましたがページが表示されるまでの処理の流れがいまいち理解できず。

一番最初に表示されるページはどうやって決まっているのか・・・

少しいじりましたが変わることなく同じページが最初に表示されました。

これ以上この部分で悩んでも時間が勿体無いと思うので次に進みつつ知識の点と点が繋がって理解できる時がくるように学習を続けます。