ES 모듈 import/export 문법 사용

ES 모듈 import/export 문법 사용하기

기존 리액트 프로젝트에서 사용해 오던 ES 모듈 import/export 문법은 Node.js에서는 지원 ❌

Node.js v12부터 ES Module 기능이 정식으로 지원됩니다.

package.json에서 코드 추가로 사용가능

(...)
  "scripts": {
    "start": "node src",
    "start:dev": "nodemon --watch src/ src/index.js"
  },
  "type": "module"
}

❗️Parsing error: ‘import’ and ‘export’ may appear only with ‘sourceType: module’ (eslint 오류)

node 에서 ES 모듈을 사용하려고 하엿는데 바꾸는 도중 해당 오류 발생

.eslintrc.json 파일에 sourceType , module 추가

"parserOptions": {
    "sourceType": "module",
  },

‼️ ES 모듈 사용시 주의 사항

import * as postsCtrl from "./posts.ctrl.js";

import를 할때 정확한 무슨 파일인지 뒤에 확장자명까지 반드시 명시 해줄것

추후 웹팩으로 해당 부분을 수정하여 사용할 수 있음‼️