Nuxt.js는 기본적으로 IE11을 지원합니다. 그러나 몇 가지 추가 구성이 필요할 수 있습니다. 먼저, Nuxt.js의 nuxt.config.js 파일을 열고 아래 예시와 같이 설정합니다.

export default {
  build: {
    /*
     ** You can extend webpack config here
     */
    extend(config, ctx) {
      if (ctx.isClient) {
        config.target = 'web';
      }
    }
  }
}

위의 설정은 IE11을 지원하기 위해 웹팩 (Webpack) 빌드 목표를 ‘web’으로 설정하는 것입니다.

또한, Nuxt의 polyfill을 사용하여 ES6(또는 더 나중의 버전)의 기능을 IE에서 사용할 수 있도록 활성화할 수 있습니다. 이를 위해서 nuxt.config.js 파일에 아래와 같이 설정합니다.

export default {
  // ...
  build: {
    transpile: ["core-js/modules/esnext.symbol.async-iterator.js"],
  }
}

위 설정에서 transpile 속성은 IE에서 지원되지 않는 ES6 기능을 활성화하기 위해 필요한 패키지를 명시하는 것입니다. 위의 예시에서는 core-js/modules/esnext.symbol.async-iterator.js 모듈을 활성화하는 것을 보여줍니다.

이러한 설정 후, Nuxt.js 애플리케이션이 IE에서도 올바르게 작동해야 합니다.

참고 문헌:

• Nuxt.js 공식 문서: https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-build#extend
• Nuxt.js 공식 문서: https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-build#transpile