강의

멘토링

커뮤니티

Inflearn Community Q&A

shrkdvy12341420's profile image
shrkdvy12341420

asked

Understanding and Practice of Frontend Development Environment (webpack, babel, eslint..)

Entry and Output (Solution)

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

Written on

·

242

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

Answer 1

1

jeonghwan님의 프로필 이미지
jeonghwan
Instructor

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

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

shrkdvy12341420's profile image
shrkdvy12341420

asked

Ask a question