Nuxt.jsでサービス開発 して困ったこと

Transcript

1. Nuxt.jsでサービス開発 して困ったこと Takanori Oki @Nuxt.js meetup #2
2. 自己紹介 • Takanori Oki (@takanorip) • 株式会社スマートドライブ • フロントエンドエンジニア 
 (Nuxt.js、React、Polymer、ウェブ制作全般) • Polymer Japan 翻訳チーム
3. SmartDrive Cars
5. 困ったこと of Nuxt.js on サービス開発
6. 結論 : あんまり困らなかった
7. 公式ドキュメントとissueとPRを 読めばだいたい解決する
8. 基本的だけど超大事
9. nuxt/nuxt.js nuxt-community
10. maxChunkSize • nuxt.config.jsのbuildオプションの中にある • nuxt buildした時に生成されるJSファイルの 上限を設定するオプション • 設定した数値よりファイルサイズが小さくな るように分割してくれる
11. maxChunkSize • 使うとなんかエラーになる • Uncaught ReferenceError: webpackJsonp is not defined • 詳しい人おしえてください
12. 外部JS動作しない問題 • Messengerのチャットplugin使いたい • window.onloadの時しかJSが作動しないので ページ遷移してDOMが変わると二度と動かな い • ページコンポーネントのcreate()でloadイベン トを発火させることで解決
14. IEでVuexが動かない • babel-polyfillを食わせる
15. ライブラリをNuxtに組み込みたい • lodashとかよく使うライブラリをいちいち importするのめんどくさい • pluginでVueとNuxt.jsに組み込む • 余力があればモジュールとして公開
 https://ja.nuxtjs.org/guide/modules
17. やっとくと良いこと
18. ローディング最適化 • APIへのアクセスはasyncDataやfetchの中で
 行う • vendorへの登録忘れない • pwa-moduleは入れといたほうが良い
19. おわり （フォント：コーポレート・ロゴ丸、源柔ゴシック）