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

4. None

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イベン トを発火させることで解決

13. None

14. IEでVuexが動かない • babel-polyfillを食わせる

15. ライブラリをNuxtに組み込みたい • lodashとかよく使うライブラリをいちいち importするのめんどくさい • pluginでVueとNuxt.jsに組み込む • 余力があればモジュールとして公開
 https://ja.nuxtjs.org/guide/modules

16. None

17. やっとくと良いこと

18. ローディング最適化 • APIへのアクセスはasyncDataやfetchの中で
 行う • vendorへの登録忘れない • pwa-moduleは入れといたほうが良い

19. おわり （フォント：コーポレート・ロゴ丸、源柔ゴシック）