Vuetify IE 11적용

[사용 환경]

  - Vue-Cil 로 Vue, Vuetify 설치

  - WebPack 미 설치

 

1. babel polyfill설치

 node cmd > $npm install --save @babel/polyfill

 

2. 프로젝트 폴더 > src > main.js에 구문 추가

 import '@babel/polyfill';

 

3. 프로젝트 폴더 > babel.config.js 파일 생성

module.exports = {

  presets: [

    [

      '@vue/app',

      {

        "useBuiltIns": "entry"

      }

    ]

  ]

}

 

4. 프로젝트 폴더 > .babelrc 파일 생성

{

    "presets": [

        "@babel/preset-env"

    ]

}

 

5. 프로젝트 폴더 > vue.config.js에 구문 추가

  const ansiRegx = requeire('ansi-regex')

 

  module.exports = {

    ..

    transpileDependencies: [ansiRegex]

    ..

  }

 

6. .vue에 babel-polyfill CDN 추가

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.26.0/polyfill.min.js"></script>

 

#. 참고 사이트

https://steemit.com/vue-cli3/@stepanowon/vue-cli-3-x-ie11