사용자 정의 npm 패키지로 Vue 및 Vuex 내보내기

Question

Vue/Vuex 프로젝트를 비공개로 호스팅되는 npm 패키지로 분리하려고 합니다. 목표에 다다랐다고 생각하지만 현재 레이아웃이 확실하지 않습니다. 지금까지 다음과 같이 했습니다.

으아악

내 목표는 BrokerProposal 디렉터리를 가져오기 가능하게 만드는 것입니다. 이 작업은 첫 번째 index.js 파일을 통해 수행됩니다.

으아악

이 프로젝트도 vuex를 사용하므로 BrokerProposal과 함께 사용하기 위해 상태에 대한 변경자 등을 이 패키지로 분리했습니다. 최종 사용자는 가져온 후 이 저장소를 바인딩할 수 있습니다. 여기 index.js 파일이 있습니다. 으아악

package.json 파일에 무언가를 가리켜야 하는 "main" 섹션이 있으므로 /src와 동일한 수준에 또 다른 index.js 파일을 포함해야 할 것 같나요?

Answer 1

Vue.use(Vuex) 和 GlobalVue.use(plugin) 등의 부작용은 이 패키지를 사용하는 프로젝트를 방해할 수 있으므로 피해야 합니다. 적절한 Vue 인스턴스로 플러그인을 설정하는 것은 프로젝트의 책임입니다.

모든 공개 내보내기는 진입점에서 내보내기로 이름을 지정할 수 있습니다. 예: src/index.js:

으아아아

구성 요소를 전역적으로 등록하는 것보다 로컬로 가져와야 하는 경우 Vue.component구성 요소를 내보내는 것도 좋은 습관입니다.