>  기사  >  웹 프론트엔드  >  vue-cli 2.x 프로젝트 최적화에는 로컬 정적 라이브러리 파일이 도입되었습니다.

vue-cli 2.x 프로젝트 최적화에는 로컬 정적 라이브러리 파일이 도입되었습니다.

不言
不言원래의
2018-07-09 14:43:362250검색

이 글은 주로 vue-cli 2.x 프로젝트 최적화를 위한 로컬 정적 라이브러리 파일 소개를 소개합니다. 이제 특정 참조 가치가 있으므로 이를 참조할 수 있습니다.

vue-cli는 정적 리소스입니다. 파일을 static 폴더에 넣고 다음을 인용하세요.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.