vue-cli ie11 적용
babel-polyfill 설치 (ex: npm install babel-polyfill , yarn add babel-polyfill ) main.js 제일 상단에 import 'babel-polyfill'
- Programming/Vue-tip
- · 2019. 11. 19.
typescript 프로젝트에서 외부라이브러리를 import 할때 .d.ts 파일이 없을경우 생기는 오류. 왠만한 라이브러리들을 typescript에 대응하여 .d.ts 파일을 제공하지만 오래된 라이브러리나 관리가 안되는 라이브러리에 경우 에러가 발생한다 이럴때는 직접 .d.ts 파일을 생성해주면 된다. 예를 들어 vue-json-pretty 라는 라이브리를 사용한다고 하면 types 폴더 밑에 vue-json-pretty.d.ts 라는 파일을 만들고 아래와 같이 선언을 해주면 된다. declare module 'vue-json-pretty' { import {Component} from 'vue/types/options' const VueJsonPretty: Component export default..
뷰 클래스 타입으로 뷰 클래스 타입으로 작성시 아래와 같은 이벤트를 처리할 경우 그냥 사용하면 안되고 hooks를 추가해 주어야 한다. 'beforeRouteEnter', 'beforeRouteLeave', 'beforeRouteUpdate' - 최상단에 class-component-hook.js 파일 생성 // class-component-hooks.js import Component from 'vue-class-component' // Register the router hooks with their names Component.registerHooks([ 'beforeRouteEnter', 'beforeRouteLeave', 'beforeRouteUpdate' ]) - 실제 vue 페이지에서 함수 ..
잘되던 vue가 실행하니 아래와 같이 에러메세지를... zsh: command not found: vue 결국 재설치가 답 >> sudo npm install -g vue-cli (cli2) sudo npm install -g @vue/cli (cli3)
vue에서 다국어를 사용하기위해 i18n을 사용하는 방법에 대해서 정리해 보겠습니다. vue i18n 사이트 https://kazupon.github.io/vue-i18n/ vue-cli 3버전이상을 사용하시는 분은 아래와 같이 쉽게 패키지 추가가 가능합니다. > vue add i18n 명령어를 실행하면 몇가지 질문이 나옵니다. The locale of project localization. en? The fallback locale of project localization. en? The directory where store localization messages of project. It's stored under `src` directory. locales? Enable locale messag..
babel-polyfill 설치 (ex: npm install babel-polyfill , yarn add babel-polyfill ) main.js 제일 상단에 import 'babel-polyfill'
각 환경마다 변수를 다르게 사용해야하는 경우가 생길경우 예를 들면 개발서버에서는 개발url을 리얼서버에서는 리얼url을 바라봐야 할때 아래와 같이 사용한다. https://cli.vuejs.org/guide/mode-and-env.html#modes 참고로 production으로 minify를 해야할 경우 변수파일 상단에 아래 변수를 꼭 넣어주자. NODE_ENV=production 그래야 소스가 압축해서 올라간다.