inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

최적화

CopyWebpackPlugin질문

370

노강표

작성한 질문수 44

0

두가지의 질문을 드리자면..

1. 기존에 빌드된 결과물을 사용중이라면 빌드 프로세스에서 제외시킨후 CopyWebpackPlugin통해 복사하여 빌드 결과물에 넣어주면서 빌드시간을 단축시키고 번들 하나의 용량을 줄일 수 있게되는걸로 이해했습니다.

예를들어서 axios를 통해 설명해주셨는데 그러면 혹시 지금 사용하고있는 패키지들이 빌드된 결과물인지 아닌지를 어떻게 판단하여 CopyWebpackPlugin에 적용시킬 수있는건가요? 일일이 node-modules에서 min.js를 찾아 판단하는 방식은 아닐것같아 여쭤봅니다!

 

2.이렇게 빌드과정에서 제외시킴으로써  왜 script로 직접 추가해줘야하는 과정이 추가되는지 모르겠습니다..

웹팩 babel eslint nodejs

답변 1

0

김정환

1. node_modules에 설치한 라이브러리마다 빌드된 파일 위치가 달라서요. 그래서 직접 경로를 지정하는 방식을 사용했습니다.

2. 웹팩이 엔트리포인트부터 시작해서 사용한 모듈을 모두 하나로 합치는 작업을 하는데요. 이러한 과정에서 제외해버리면 결과물 파일에도 제외됩니다. 예를 든 axios가 그런데요. 결과물에는 axios api를 사용한 코드는 있지만 그 구현체가 없죠. axios 구현체가 있어야 어플리케이션이 동작할테고요. 그래서 웹팩으로 빌드한 결과 뿐만아니라 axios 파일도 웹문서에 로딩해야 합니다.

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

1

132

3

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

1

251

1

에러 해결 공유드립니다

1

235

2

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

1

253

2

eslint

0

397

3

도와주세요!

0

172

2

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

1

155

1

질문 an error occurred while loading the image

1

489

1

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

1

160

1

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

1

174

1

eslint no-extra-semi 관련 질문

1

152

1

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

1

177

1

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

2

313

1

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

1

375

1

에러없이 png안뜨시는 분들

1

284

1

Error: Cannot find module 'node:crypto'

1

471

1

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

1

420

1

깃허브 확인 문의

0

583

1

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

0

414

1

해쉬값과 캐쉬 갱신

1

468

1

Hash 에러 발생

1

2679

2

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

0

845

3

웹팩 버전

0

530

1

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

0

491

1