인프런 커뮤니티 질문&답변

타니님의 프로필 이미지

작성한 질문수

프론트엔드 개발자를 위한 웹팩

vue CLI 프로젝트의 webpack

21.05.04 14:00 작성

·

1.2K

1

안녕하세요 vue CLI로 프로젝트를 생성하였습니다.

webpack을 vue.config.js 에 기본설정하여 build까지 완료 하였습니다.

질문1.

webpack.config.js 에 webpack를 설정하는것이 아닌

vue.config.js 에 설정하여 사용하는게 맞나요?

작성하는 방법이 조금 다른거 같아서 질문드립니다.

질문2.

build 시

asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).

해당 메시지가 나타납니다.

번들 파일이 1000Kib 정도 되는데요 

244가 넘어도 괜찮은건가요?? 성능은 문제가 없습니다.

244가 넘지 않도록 번들 파일을 분리 할수 있는 방법이 뭐가 있을까요??

답변 1

0

장기효(캡틴판교)님의 프로필 이미지

2021. 05. 05. 15:43

안녕하세요 시크릿님 좋은 질문이네요 :)

1. 네 버전 3.x 이상의 뷰 CLI로 생성한 프로젝트는 vue.config.js에 웹팩 설정을 해주시면 됩니다. https://cli.vuejs.org/guide/webpack.html#working-with-webpack

2. 번들 파일 용량이 큰 경우에는 코드 스플리팅 방식이나 불필요한 라이브러리 제거 및 경량화된 라이브러리를 사용하시면 됩니다 :)

타니님의 프로필 이미지

작성한 질문수

질문하기