vuejs 프로젝트 패키징 최적화

이번에는 vuejs 프로젝트 패키징 최적화에 대해 알려드리겠습니다. vuejs 프로젝트 패키징 최적화 시 주의사항은 무엇인가요? 다음은 실제 사례입니다.

One: CDN 리소스 사용

패키징할 때 package.json의 종속성 개체에 플러그인을 패키징합니다. 예를 들어 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 중국어 웹사이트의 다른 관련 기사에 주목하세요!

추천 자료:

React는 페이지 코드를 분할하고 요청 시 로드합니다.

Angular2에서 Dom을 사용할 때 주의할 점은 무엇인가요

위 내용은 vuejs 프로젝트 패키징 최적화의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!