기존 플러그인을 수정하는 vue js 플러그인을 게시하는 방법

Question

다른 Vuejs 플러그인 (Vuetify)의 구성 요소를 사용하는 플러그인을 만들려고합니다. 기본적으로 회사와 여러 응용 프로그램에서 공유 할 공통 구성 요소가 있습니다.

1. 공유 구성 요소
2. 저자 플러그인
3. 참조 npm install

를 통해 소비하는 응용 프로그램에서의 repo에 대한 github의의 REPO 만들기 :

나는 그냥 문제의 것이라고 생각

다음은 플러그인의 요지입니다 :

// src/index.js <-- package.json/main is set to "src" 
import MyComponent from "./MyComponent.vue"; 
import * as api from "./api"; 

export default function install(Vue) { 
    Vue.component("myComponent", MyComponent); 
    Vue.prototype.$myApi = api; 
} 

순간

는, 제가 보는 동작은 다음과 같습니다

좋은 Vue.prototype에 부착 api에서

기능은 응용 프로그램 구성 요소에서 사용할 수있는 실행중인 install 기능

• 플러그인
• my-component는 응용 프로그램에서 사용할 수 있으며 마크 업을 렌더링합니다.

,210

BAD

• $myApi 및 Vuetify 구성 요소는 my-component

내가 응용 프로그램에 같은 파일을 복사하고 내 수입, 모든 일을 변경하는 경우의의 어플리케이션 인스턴스에서 사용할 수 없습니다있습니다 예상대로 이제 외부 모듈을 통해 코드를 공유하는 것과 관련하여 뭔가 빠졌는지 궁금합니다. 에 node_modules에 플러그인 모듈을 연결하는 mklink (윈도우 SYM 링크)를 사용

수동으로 응용 프로그램에 플러그인 모듈을 연결하는

• 사용 npm link :

  나는 동일한 문제가 이러한 대안을 시도했습니다

Answer 1

내가 FO 떨어져이 문제를 넣었습니다 "../../../my-plugin"에서 수입 MyPlugin : 응용 프로그램 폴더

는 플러그인 모듈에 긴 상대 경로 참조를 사용 그러나 궁금한 분은 Single File Components를 사용하고 Webpack이 외부 모듈을 컴파일하지 않는 것이 문제입니다. 내가 가진

2 개의 옵션은 다음과 같습니다

1. 는 단일 파일 구성 요소를 사용하지 마십시오. 예 : .vue 대신 .js을 사용하십시오. Vuetify와 같은 라이브러리를 보았습니다 .js는이 접근 방식을 사용합니다.
2. 을 컴파일하십시오.vue 파일을 라이브러리 모듈에 저장하고 ./dist 폴더와 같은 소스에 파일을 포함시킵니다.