vuejs, vuetify2 에서 polyfill 적용하려면

import 'babel-polyfill'

vue에서 vuetify2를 적용해보는 중이었습니다. vuetify가 2로 넘어오면서 변경된 것들이 몇몇 있어 보였고 이를 일부 수정해본 후 internet explorer와 Edge에서 살펴보니 화면이 보이지 않았습니다. 원인은 javascript가 동작하지 않는 것들이 있었습니다.

이를 수정하기 위해 vuetify 공식문서를 살펴보았고 Browser Support를 살펴보았습니다. 가이드에서 알려준 순서대로 적용을 해보았는데 되질 않았습니다.

적용순서

$ yarn add babel-polyfill

main.js 에서 아래를 추가하고

import 'babel-polyfill'

$ yarn add @babel/preset-env -D

babel.config.js에서 아래 추가하였습니다.

module.exports = {
  presets: ['@babel/preset-env']
}

하지만 되지 않았습니다.

수정방법

vue.config.js를 생성하여 아래의 코드를 추가해주었더니

module.exports = {
  transpileDependencies: ['vuetify']
}

이후 잘 되었습니다.