Vue 컴포넌트를 외부 프로젝트에 공개하다

Vue 컴포넌트를 외부 프로젝트에 공개하다

NPM에 공개하지 않고 Vue 컴포넌트를 다른 프로젝트에 공개하는 방법을 검토 중입니다.

Vue 컴포넌트를 NPM에 퍼블리시하는 방법을 나타내는 다음 링크를 찾을 수 있습니다:how-to-your-vue-js-component-on-npm-62b67dfb3e58

하지만 나는 NPM에 게시하고 싶지 않다.대신 생성된 컴포넌트를 다른 로컬프로젝트에 사용하고 싶습니다.

개인 저장소를 사용할 수 있습니다.package.json

그래서 도서관은.vue구성 요소들

{
  "name": "my-package-with-components",
  "version": "1.0.0",
  "files": [
    "lib/js/components/**.vue"
  ]
}

이러한 구성 요소를 사용할 프로젝트에서

{
   "devDependencies": {
      "my-package-with-components": "git+ssh://git@my/repo.git#master",
   }
}

응용 프로그램스크립트에서 .vue 파일을 Import할 수 있습니다.

import SpecialComponent1 from 'my-package-with-components/lib/js/components/SpecialComponent1.vue';
import SpecialComponent2 from 'my-package-with-components/lib/js/components/SpecialComponent2.vue';

Vue.component('special-component-1', SpecialComponent1);
Vue.component('special-component-2', SpecialComponent2);

NPM 의 라이브러리는, 다음의 디렉토리로부터 로드할 수 있습니다.npm link

cd mylib/ && npm link
cd ../myapp && npm link mylib

언급URL : https://stackoverflow.com/questions/48318401/expose-vue-component-to-outside-projects