Vue cli 3에서 IE11 Polyfill 하기

Vue 앱을 IE에서 켜다보면 화면이 제대로 나오지 않거나, 빈 페이지가 나오거나 한다.

Polyfill을 하면 해결된다.

  1. yarn add babel-polyfill
  2. main.js에 추가

    import 'babel-polyfill'; //add this line
    import Vue from 'vue'
    import './plugins/vuetify'
    import App from './App.vue'
  3. vue.config.js에 webpack 설정 추가 만약 없다면 루트 디렉토리에 파일을 만들면 된다.

    module.exports = {
    configureWebpack: {
        entry: ["babel-polyfill", "./src/main.js"]
    }
    }

Written by@cereme
프로덕트를 만들어 나가는게 너무나 즐거운 주니어 개발자

GitHubTwitter