Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 기획
- Docker
- vsCode
- Git
- jwt
- react
- database
- login
- 회고록
- 정리
- 프론트
- javascript
- extension
- 셋팅
- express
- AWS
- vue login
- 뷰
- vue
- nginx
- 플러그인
- PWA
- 토이프로젝트
- 배포
- Firebase
- plugin
- 로그인
- 신상마켓
- vuex
- react-query
Archives
- Today
- Total
목록최적화 (1)
강디너의 개발 일지
Vue - bundle size 분할하기
문제점 : 한 파일의 용량이 커서 페이지가 늦게 뜨는 현상이 발생했다. 상황 1. About.vue 안에 header.vue, main.vue, 기타1 기타2 등등 들어있음. 2. 메인, 기타1, 기타2 등등 이미지 용량이 커서 About.vue를 불러오면 너무 오래걸림 (약15초) 3. 빌드를 통해 js 형태로 배포하는데 js의 크기가 커서 분리시키기로 결심 해결 방안 1. webpackchunkname https://router.vuejs.org/kr/guide/advanced/lazy-loading.html 지연된 로딩 | Vue Router 지연된 로딩 번들러를 이용하여 앱을 제작할 때 JavaScript 번들이 상당히 커져 페이지로드 시간에 영향을 줄 수 있습니다. 각 라우트의 컴포넌트를 별도의..
Javascript/Vue.js
2019. 8. 25. 23:55