Trouble Shooting

• 모듈페더레이션 과정주에 리모트 요소들 hot reloading 안되는 문제발생

  발단

  wepack5 Module Federation과정중에 host 앱의 hot-reloading는 자동으로 반영이 되지만 expose앱들의 hot-reloading은 반영이 되지 않아서 개발시 하나하나 수정이 발생할 때 마다 새로고침을 수작업으로 해줘야 했다.

  해결

  웹팩설정에서 dev-server는 파일 변경이 감지되면 페이지를 다시 로드하고 새로고침 한다.
  liveReload를 적용하려면 devServer.hot 옵션을 비활성화하거나 devServer.watchFiles 옵션을 활성화해야 하며, false로 설정하여 devServer.liveReload를 비활성화할수있다. 그래서

  devMiddleware: {
        writeToDisk: true,
      },
      hot: false,
      liveReload: true,
    },

  위와 같이 설정을 변경해주니 간단히 해결 되었다.

  주의사항 *

    hot: true,
    // liveReload: true,

  배포시 위와같이 라이브리로드는 꼭 꺼주고 hot은 활성화 해줘야한다.. 안그러면 무한루프 감옥에 갇힐 수 있다.