Vue Cli로 만든 Vuejs 프로젝트 최적화 하기
1. main.js를 Slim하게 하기 main.js는 처음 개발 시작 간, 정리를 하지 않으면 나중에 힘든일이 발생하게 된다. 이게 무슨 말이냐 하면, 가장 처음에 시작하는 스크립트 파일은 main.js 에 개발의 편의성을 위하여 자주 사용하는 컴포넌트나 스크립트들을 로드하게 된다. 이 경우, 첫 시작부터 자바스크립트 엔진이 많은 스크립트들을 실행하다 보니 초기 로딩시간을 늘리게 한다. 대표적으로 lodash와 같은 것과 UI를 빠르게 구성하기 위해서 사용하는 Vuetify나 Element-UI, 차트를 구성하는 echart 등, 무거운 라이브러리를 Fully하게 등록하는 경우다. 이런 것들은 초반부터 사용하는 페이지 별로 사용하게 적용하는 것이 좋다. 2. Lazy Loading을 구성하자. 구관이 ..
프로그램 이야기/Vuejs 이야기
2020. 1. 13. 15:44
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- SVN
- Branch
- IE
- frontend
- 브랜치
- Git
- SQL
- 테스트
- angular
- NG
- directive
- RESTful
- Material
- vuejs
- LightBox
- RUBY
- Python
- 미래
- 테크노트
- Ai
- SSL
- ie11
- 파이썬
- 개발자
- FLASK
- JS
- 클라우드
- technote
- 전략
- jQuery
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함