이 글은 주로 vue-cli 2.x 프로젝트 최적화를 위한 로컬 정적 라이브러리 파일 소개를 소개합니다. 이제 특정 참조 가치가 있으므로 이를 참조할 수 있습니다.
1. node_modules 아래의 해당 xxx.min.js를 프로젝트 static 폴더에 복사합니다.
2.index.html 수정
스크립트 소개 추가
<script src="static/js/vue.min.js"></script> <script src="static/js/vue-router.min.js"></script>
3. base.conf.js 파일:
다음 줄을 주석 처리하세요
resolve: { extensions: ['.js', '.vue', '.json'], alias: { // 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), } },
외부 섹션을 추가하세요(외부 및 리소스는 동일한 수준에 있음).
externals: { 'vue': 'Vue', 'vue-router': 'VueRouter' },
demo 주소: https://github.com/cag2050/vu...
위 내용은 모두의 학습에 도움이 되기를 바랍니다. , PHP 중국어 넷에 주목해주세요!
관련 권장 사항:
addRoutes가 동적으로 경로를 추가한 후 vue가 새로 고침 실패 문제를 해결하는 방법
mixin을 사용하여 자체 제작 vue 구성 요소 통신을 위한 플러그인을 작성합니다.
Vue 활동 생성 프로젝트 로드 디자인 및 네비게이션 바 개발
위 내용은 vue-cli 2.x 프로젝트 최적화에는 로컬 정적 라이브러리 파일이 도입되었습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!