Save 37% off PRO during our Black Friday Sale! »

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

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

78f5efc1e98c71e473cc7827de1c5db4?s=128

takanorip

May 15, 2018
Tweet

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. おわり (フォント:コーポレート・ロゴ丸、源柔ゴシック)