vuejs 프로젝트를 패키징한 후 발생할 수 있는 문제는 무엇입니까?

php中世界最好的语言
풀어 주다: 2018-04-08 15:51:45
원래의
1858명이 탐색했습니다.

이번에는 vuejs 프로젝트를 패키징한 후 어떤 문제가 발생할 수 있는지, 그리고 vuejs 프로젝트를 패키징할 때 어떤 주의사항이 있는지 알려드리겠습니다. 다음은 실제 사례입니다.

One: 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: 라우터 열기 /index.js. 다음 두 줄을 로그아웃하세요

//import Vue from ‘vue‘
//Vue.use(Router)
로그인 후 복사

3: vuex를 사용하는 경우 vuex/index.js에서 Vue.use(Vuex)를 로그아웃하세요(이름이 다름)

Vue.use(Vuex)

패키징 후 나타날 수 있음 문제

1: 연결 유지로 둘러싸인 요소는 표시할 수 없습니다.

이유: 아직 알 수 없습니다.

해결책: 연결 유지 필요 없음

추천 자료: Vue 프로젝트는 CDN을 사용하여 첫 번째 화면 로딩 문제를 최적화합니다

이 기사의 사례를 읽은 후 방법을 마스터했다고 믿습니다. 정보, PHP 중국어 웹사이트 기사에서 다른 관련 주제에 주목하세요!

추천 도서:

JSON 형식의 데이터를 서버에 제출하는 방법

WeChat 미니 프로그램 블록을 사용하는 방법

위 내용은 vuejs 프로젝트를 패키징한 후 발생할 수 있는 문제는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿