• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

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

22.02.18 17:11 작성 조회수 124

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 문법을 사용할 수 없는건가요..?

답변 1

답변을 작성해보세요.

1

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

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