dockerコンテナ上のnuxt.jsアプリでhot reloadを有効にする

公開日時

nuxt.jsアプリをdocker化した際にファイル変更を行ってもhot reloadがされない現象が発生した。

nuxt.config.jsに↓を追加してwatcherの設定をpollingに変更することでhot reloadできるようになった。

export default {
  watchers: {
    webpack: {
      poll: true
    }
  }
}

参考


Related #nuxt.js

create nuxt-appで作成したアプリでTapable.plugin is deprecatedが出る場合の対処法

yarn add @nuxtjs/pwa@v3.0.0-beta.16でPWA Moduleを更新する

nuxtでdotenv-module利用時にCircleCIで環境変数を指定する

nuxt.config.tsのenvを設定した

Nuxt.jsのservice workerで環境変数を切り替えられるようにする

設定情報をハードコードしたくなかったので、ビルド時にnodeコマンドでファイル生成を行い環境変数を切り替えられるように対応した。

NuxtアプリをGAEにデプロイする(Node.js 10)

GAEへのデプロイの際にいくつかエラーが出てハマったので対応内容をまとめておく

Nuxt.jsのserverMiddlewareがGAE上だとエラーになる

ディレクトリ位置の問題でserverMiddlewareが動かない現象が発生した