javascript - 패키징 후 vue webpack이 비정상적으로 확장됩니다.

Question

vue를 사용하여 데모를 만들었습니다
전체 사이트가 한 페이지에 불과합니다
코드가 300줄에 불과합니다
main.js의 소개입니다

아래는 포장 후 사이즈입니다

왜 이렇게 크나요? ? ?
한 페이지만
해결책을 찾아보세요!

소개된 패키지는 너무 크지만 요소는 여전히 일부 구성 요소만 소개합니다. 최적화 방법이 있나요?

Answer 1

vue vue-router vuex 요소
이 크기는 꽤 평범합니다

Answer 2

node_modules에서 가져온 모듈을 포함해야 합니다. 그렇지 않으면 이러한 것들이 갑자기 나타날 것입니다. .
element-ui, vue 및 axios를 포함하지 않았습니다

Answer 3

패키징할 때 의존하는 모든 패키지가 압축됩니다. 공급업체가 너무 커지는 것을 원하지 않으면 단계별로 CDN을 도입할 수 있습니다

옵션 1: 외부 옵션은 CDN 도입에 관해 말씀드린 것인데, 배포를 통해 도입하는 것이 훨씬 나을 것 같습니다.

으아악

옵션 2: webpack.DLLplugin

webpack.dll.config.js:

으아악

두번째는 연구 안해봤어요 - -