inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

엔트리와 아웃풋(풀이)

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

252

노강표

작성한 질문수 44

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 웹팩 babel nodejs

답변 1

1

김정환

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

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

지금 시점에서 해당 강의를 듣는 것에 대하여

1

135

3

2025년 기준 번들러 트렌드와 선택 기준이 궁금합니다 (Webpack, Vite, tsup 등)

1

253

1

에러 해결 공유드립니다

1

236

2

webpack 4 버전과 호환되는 플러그인 버전 공유드립니다

1

254

2

eslint

0

398

3

도와주세요!

0

173

2

[수강 중 트러블슈팅 공유] webpack, webpack-cli 버전

1

156

1

질문 an error occurred while loading the image

1

492

1

webpack에서 babel-loader 사용할때 질문

1

160

1

자주 사용하는 플러그인 에서 질문이 있습니다.

1

174

1

eslint no-extra-semi 관련 질문

1

152

1

webpack5 에서 open index.html하는법 + 질문

1

179

1

TypeError: ((process.env.NODE_ENV === "production") && [MiniCssExtractPlugin]) is not iterable

2

313

1

혹시 웹팩 5 내용으로 강의 업데이트는 안되는건가요?

1

377

1

에러없이 png안뜨시는 분들

1

287

1

Error: Cannot find module 'node:crypto'

1

472

1

DefinePlugin 관련; env와 관련하여, (21.06.22 16:15, aloha_jh) 답변포함

1

422

1

깃허브 확인 문의

0

586

1

폴더를 prettier로 돌렸을 때 나오는 에러 구문에 대한 질문

0

416

1

해쉬값과 캐쉬 갱신

1

470

1

Hash 에러 발생

1

2684

2

webpack.config.js에서의 CommonJS방식에 대한 질문

0

847

3

웹팩 버전

0

533

1

웹팩-cli 버전을 명시하지 않으면 왜 에러가 날까요?

0

497

1