Nuxt.js IE11でもHMRしたい

HMRしたい

IE11にはEventSourceがないのでwebpackのHMRが動かず、そのままだと手動リロードするハメになる。

nuxt.config.js でpolyfillを読み込ませれば動くようになる。

npm i -D event-source-polyfill

指定はbuildのvendorで。👇な感じに。

module.exports = {
  build: {
      vendor: process.env.NODE_ENV !== 'production'
        ? [
          'axios',
          'event-source-polyfill'
        ]
        : [
          'axios'
        ],
  }
}

プロダクション用ビルドに入り込まないように気をつけましょう。

https://ja.nuxtjs.org/api/configuration-build/#vendor

動いてる

Nuxt.jsに限らずwebpackのHMRをIE11で効かしたいときはEventSourceのpolyfill追加すれば動く（はず