이번에는 vuejs 프로젝트 패키징 후 첫 번째 화면 로딩 최적화에 대해 알려드리겠습니다. vuejs 프로젝트 패키징 시 주의해야 할 주의사항은 무엇인가요? 아래에서 실제 사례를 살펴보겠습니다.
1: CDN 리소스 사용
패키징할 때 플러그인을 package.json 및 dependaciesobjects에 패키징합니다. 예를 들어 CDN을 사용하여 일부를 로드할 수 있습니다. vue, axios, vuex 및 vue-router를 프로젝트에 패키징하고 싶지 않다면 다음을 수행해야 합니다.
1: webpack.base.conf.js를 엽니다.
module.exports = { externals: { ‘vue‘: ‘Vue‘, ‘axios‘: ‘axios‘, ‘vuex‘: ‘Vuex‘, ‘vue-router‘: ‘VueRouter‘ } }
2: router/index.js를 엽니다. 다음 두 줄을 로그아웃하세요
//import Vue from ‘vue‘ //Vue.use(Router)
3: vuex를 사용하는 경우 vuex/index.js에서 Vue.use(Vuex)를 로그아웃하세요(이름이 다름)
Vue.use(Vuex)
패키징 후 나타날 수 있음 문제
1: 연결 유지로 둘러싸인 요소는 표시할 수 없습니다.
이유: 아직 알 수 없습니다.
해결책: 연결 유지 필요 없음
추천 자료: Vue 프로젝트는 CDN을 사용하여 첫 번째 화면 로딩 문제를 최적화합니다.
요약
이 기사의 사례를 읽은 후 방법을 마스터했다고 믿습니다. 더 흥미로운 내용은 온라인에서 PHP 중국어 기타 관련 기사를 주목해 주세요!
추천 도서:
위 내용은 vuejs 프로젝트 패키징 완료 후 첫 번째 화면 로딩 최적화의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!