inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

최적화

빌드결과

176

특별한 지렁이

작성한 질문수 39

0

app.js에서 딱히 다이나믹 임포트는 하고 있지 않고, webpack.config.js에서 splitChunks는 사용중입니다. axios는 copy-webpack-plug으로 복사해주고 빌드했을 때 저는 강사님과 다르게 vendor파일이 있는데요, 적은 용량도 아니어서, 어떤이유로 벤더파일이 생길 가능성이 있는지 궁금합니다!

nodejs babel 웹팩 eslint

답변 1

0

김정환

스플릿청크 플러그인은 여러 엔트리가 있을경우 중복되는 코드를 모아 vendors~ 라는 이름의 결과물을 만드는 플러그인입니다.

  1. 아마도 사용하는 코드에서 중복된걸 만들었을 수도 있을것 같고요,
  2. 아니면 기본으로 저렇게 만들어 준게 아닌가 싶습니다.

자세한 결과를 확인하려면 vendors~main.js 코드를 확인해 보시면 될것 같아요.

관련된 글 입니다.

  • https://webpack.js.org/guides/code-splitting/
  • https://jeonghwan-kim.github.io/series/2020/01/02/frontend-dev-env-webpack-intermediate.html#43-%EC%BD%94%EB%93%9C-%EC%8A%A4%ED%94%8C%EB%A6%AC%ED%8C%85

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

1

111

3

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

1

223

1

에러 해결 공유드립니다

1

224

2

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

1

233

2

eslint

0

381

3

도와주세요!

0

167

2

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

1

145

1

질문 an error occurred while loading the image

1

469

1

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

1

150

1

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

1

168

1

eslint no-extra-semi 관련 질문

1

144

1

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

1

167

1

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

2

302

1

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

1

371

1

에러없이 png안뜨시는 분들

1

274

1

Error: Cannot find module 'node:crypto'

1

464

1

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

1

406

1

깃허브 확인 문의

0

575

1

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

0

405

1

해쉬값과 캐쉬 갱신

1

461

1

Hash 에러 발생

1

2667

2

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

0

831

3

웹팩 버전

0

524

1

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

0

485

1