'babel' 태그의 글 목록

babel

2019. 3. 15. 17:33

◎ babel 설치 방법

▼ 내용

npm install @babel/node

babel 설치 후 babel 추가 설정 다운로드 방법

npm install @babel/preset-env
npm install @babel/core

설치 후 node 동작할 메인 폴더에 .babelrc 를 추가 하고 아래 소스를 적어준다.

대충 babel의 preset-env 의 옵션을 사용하겠다는 듯이다.

{
    "presets" : ["@babel/preset-env"]
}

그리고 package.json 의 scripts 안에 start 도

node index.js 가 아닌 babel-node index.js로 변환

그후 작동되는지 테스트를 위해서 최신의 문법이 변환되나 확인

import express from "express";
//const express = require('express'); 위와 동일한 소스임

P.S 설치 하면 아래 그림처럼 pakage.json 의 dependencies의 버전 기입이 된다.

P.S 2 소스를 변경할때마다 일일이 재시작 할 필요없이 자동으로 재시작해주는 패키지 설치

npm install nodemon -D
//-D 를 붙이면 pakage.json 에 알아서 붙혀준다 그이후
// scripts 의 start 를 nodemon --exec babel-node index.js --delay 2 로 바꾼다

NODE JS - File System 파일 생성,삭제,수정,동기와 비동기 (0)	2019.03.20
NODE JS - PUG 설치와 사용법 (0)	2019.03.15
Node JS - middleware , express 의 url 추가맵핑 , 뷰템플릿 변수설정 (0)	2019.03.15
NODE JS - node js , express.js 란? (0)	2019.03.15
NODE JS - NODE JS 설치 , NPM 설치 ,PARCEL 설치 (0)	2019.03.04

PREV 1 NEXT