programing

Vue.js NPM 패키지를 Vuex 모듈과 함께 게시하는 방법

javaba 2022. 8. 13. 16:41
반응형

Vue.js NPM 패키지를 Vuex 모듈과 함께 게시하는 방법

NPM 패키지에 넣고 싶은 Vue 컴포넌트를 개발 중입니다.제가 직면한 문제는 Vuex 모듈에 의존하는 컴포넌트를 게시하는 방법을 모른다는 것입니다.

이 컴포넌트 라이브러리에 필요한 모든 코드를 별도의 Vuex 모듈에 깔끔하게 배치했습니다만, 누군가가 패키지를 Import 했을 때 모듈을 등록하려면 어떻게 해야 합니까?

플러그인을 만드는 것이 좋을 것 같습니다만, Vuex 인스턴스를 확인하고 모듈을 등록해야 합니다.

Vue 컴포넌트를 퍼블리시하는 방법에 대한 튜토리얼은 많이 봐왔지만 더 복잡한 것은 본 적이 없습니다.

좋은 의견이라도 있나?

또, 이것을 이해하려고 하는 유저에게 있어서도 도움이 됩니다.

https://forum.vuejs.org/t/how-to-create-an-npm-package-of-a-vue-js-project-which-uses-vuex/14706/2

여기서 주목해야 할 중요한 것은 다음 사용법입니다.

store.registerModule('desiredModuleName', yourModule)

API에서는 다소 숨겨져 있지만 사용자가 스토어를 통과하는 한 Vuex 모듈을 등록할 수 있습니다.

https://vuex.vuejs.org/en/modules.html#dynamic-module-registration

사용자에게 vuex 모듈을 모듈에 추가(패키지 퍼블릭 API의 일부로 표시)하도록 요청할 수 있습니다.인스톨 기능의 일부로서도 실행할 수 있습니다(플러그인 어프로치를 사용하는 경우).

언급URL : https://stackoverflow.com/questions/45277755/how-to-publish-an-vue-js-npm-package-with-a-vuex-module

반응형