はてなブックマーク

Nuxt.js のビルド時間を高速化 Nuxt.jsで開発していると、ローカル開発環境で確認の為に、ビルドを走らせるかと思います。 しかし、Nuxt.js のビルドは割と時間かかりますよね。 HardSourceWebpackPluginを利用することで Nuxt.js のビルド時間を大幅に削減することができます。 今回は HardSourceWebpackPlugin の導入方法について紹介します。 目次 Nuxt.js のビルド時間を高速化 目次 HardSourceWebpackPlugin を有効にする nuxt.config.jsの設定 キャッシュのクリア パフォーマンス まとめ HardSourceWebpackPlugin を有効にする Nuxt.js 2.4以降からNuxt.jsに組み込まれているので、バージョン2.4以降を使っているのであれば、nuxt.config.js

Nuxt.js で Vuex を使う 目次 Nuxt.js で Vuex を使う 目次 Vuex とはなにか Flux Fluxの要素 Dispatcher Store Action View Vuex Vuex のデータフロー Vuex Store の機能 Action Mutation State Getter Vuex機能の処理の流れ Nuxt.js で Vuex を利用する 今回作るアプリ Store ファイルの作成 stateの実装 mutationの実装 actionの実装 getterの実装 Viewの実装 感想 参考 Nuxt.js で Vuex を使ってみたので使い方、Vuexとはなにか、自分なりに理解したことをまとめます。 Vuex とはなにか Vuex は Vue.js アプリケーションのための 状態管理パターン + ライブラリです。 これが Vuex の背景にある基