vue를 사용하여 데모를 만들었습니다 전체 사이트가 한 페이지에 불과합니다 코드가 300줄에 불과합니다 main.js의 소개입니다
아래는 포장 후 사이즈입니다
왜 이렇게 크나요? ? ? 한 페이지만 해결책을 찾아보세요!
소개된 패키지는 너무 크지만 요소는 여전히 일부 구성 요소만 소개합니다. 최적화 방법이 있나요?
vue vue-router vuex 요소이 크기는 꽤 평범합니다
node_modules에서 가져온 모듈을 포함해야 합니다. 그렇지 않으면 이러한 것들이 갑자기 나타날 것입니다. . element-ui, vue 및 axios를 포함하지 않았습니다
패키징할 때 의존하는 모든 패키지가 압축됩니다. 공급업체가 너무 커지는 것을 원하지 않으면 단계별로 CDN을 도입할 수 있습니다
webpack.dll.config.js:
두번째는 연구 안해봤어요 - -
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
vue vue-router vuex 요소
이 크기는 꽤 평범합니다
node_modules에서 가져온 모듈을 포함해야 합니다. 그렇지 않으면 이러한 것들이 갑자기 나타날 것입니다. .
element-ui, vue 및 axios를 포함하지 않았습니다
패키징할 때 의존하는 모든 패키지가 압축됩니다. 공급업체가 너무 커지는 것을 원하지 않으면 단계별로 CDN을 도입할 수 있습니다
옵션 1: 외부 옵션은 CDN 도입에 관해 말씀드린 것인데, 배포를 통해 도입하는 것이 훨씬 나을 것 같습니다.
으아악옵션 2: webpack.DLLplugin
webpack.dll.config.js:
으아악두번째는 연구 안해봤어요 - -