window is not defined

[SoYoung210]

Solve

node 환경에서는 당연히 window객체가 없다.
이를 해결하려면 window를 사용하는 곳에서 전부 예외처리 해주거나, 이를 해결해주는 라이브러리를 사용하면 된다.

window-or-global 을 사용하기로 한다.

[SoYoung210]

But...

코드상에서 window를 사용하는 곳이 없음에도, window is not defined 에러를 계속 볼 수 도 있다.
이 에러 문구를 자세히 읽어보면 style-loader 관련 내용임을 알 수 있다.

아직 원인을 자세히 알수 없지만... style-loader 대신 mini-css-extract-plugin 를 사용해서 해결했다.

Ref

webpack-issue6665

[SoYoung210]

But...(1)

loader만 대체했을 때는 이런 이슈가 발생하게 된다.
webpack.server.js 에 아래설정을 추가해준다.

plugins: [
    new MiniCssExtractPlugin({
      filename: '[name].css',
      chunkFilename: '[name].css',
    }),
  ],