vuejs 프로젝트 패키징 후 첫 번째 화면 로딩 최적화 및 패키징 후 발생하는 문제

이 글에서는 주로 vuejs 프로젝트 패키징 후 첫 화면 로딩 최적화와 패키징 후 발생할 수 있는 문제에 대해 소개합니다. 도움이 필요한 친구는 참고하면 됩니다.

One: CDN 리소스 사용하기

패키징할 때 package.json에서 플러그인은 종속성 개체에 패키지되어 있습니다. 예를 들어 vue, axios, vuex 및 vue-router를 프로젝트에 패키지하지 않으려면 CDN을 사용하여 플러그인을 로드할 수 있습니다. , 우리는 다음을 수행해야 합니다:

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을 사용하여 첫 번째 화면 로딩 문제를 최적화합니다.

위 내용은 제가 모든 사람을 위해 편집한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

클래스에 메소드를 동적으로 추가하는 javascript와 PHP의 비교

vue2 mint-ui loadmore는 더 많은 기능을 위해 풀다운 새로 고침 및 풀업을 구현합니다.

JS 코드는 컴퓨터 구성 감지 기능을 구현합니다.

위 내용은 vuejs 프로젝트 패키징 후 첫 번째 화면 로딩 최적화 및 패키징 후 발생하는 문제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!