[Vue.js] 바벨

출처

프론트엔드 개발자를 위한 웹팩 - 인프런 | 강의

 

Babel · The compiler for next generation JavaScript

---

◽ Babel이란?
ES6+ 버전 이상의 자바스크립트나 JSX, 타입스크립트 코드를 하위 버전의 자바스크립트 코드로 변환 시켜 IE나 다른 브라우저에서 동작할 수 있도록 하는 역할을 하는 일종의 자바스크립트 컴파일러이다.

◽ Import & export 기본 문법
export: 내보낼 것을 정의
import: 내보낸 것을 가져오기

[코드 1. 변수 내보내기]
// common.js
export var testval = "안녕";

[코드 2. 함수 내보내기]
// common.js
export function testfunction() {
	return "안녕";
}

[코드 3. 내보낸 변수/함수 사용하기]
// test.js
import { testval } from './common.js';
console.log(testval);