인프런 커뮤니티 질문&답변

노강표님의 프로필 이미지
노강표

작성한 질문수

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)

엔트리와 아웃풋(풀이)

webpack.config.js 파일 구성 질문.

작성

·

182

1

import {path } from "path";

 

export const module = {

mode: "development",
entry: {
main: "./src/app.js", // 번들 시작점.
},
output: {
filename: "[name].js", // name자리에 위의 main이 들어온다.
path: path.resolve("./dist"),
},

};

 

왜 config파일을 설정할떄는 위처럼 import,export 문법을 사용할 수 없는건가요..?

eslint웹팩babelnodejs

답변 1

1

김정환님의 프로필 이미지
김정환
지식공유자

자바스크립트 코드를 실행하는 환경이 달라서 그럽니다. 브라우져나 웹팩환경에서는 ECMAScript 의 모듈 시스템을 사용합니다. import/from 구문을 사용할수 있고요. 

한편 웹팩 코드는 노드 환경에서 실행하는데요. 노드는 CommonJS의 모듈 시스템을 사용하기 때문에 require()으로 모듈을 가져옵니다.

노강표님의 프로필 이미지
노강표

작성한 질문수

전체 Q&A
질문하기