Video.js Plugin 구현 about videojs-thumbnail-sprite HOT 1 CLOSED

Video.js 래퍼를 개발할 때와 마찬가지로, Plugin은 video.js 전역 모듈에 등록하고 이후 사용하는 방식이기 때문에, 한 어플리케이션 내에 2개 이상의 video.js 객체가 존재할 경우 리액트 프로젝트가 올바른 video.js를 식별하지 못할 수 있다.

실제 모듈을 배포할 때에는 video.js를 Peer Dependency로 분류하므로 문제가 없지만, 테스트를 해야하는 개발 환경에서는 videojs-thumbnail-sprite 프로젝트 내의 video.js와 테스트용 React 프로젝트 내의 video.js가 동시에 존재하는 상황이 발생한다. 레퍼 컴포넌트를 개발할 때와 마찬가지로, 모듈과 React 프로젝트가 참조하는 video.js가 동일하도록, yarn link 기능을 적극 활용하자.

• videojs-thumbnail-sprite의 node_modules 내의 video.js 디렉토리를 yarn link로 등록하고, React 프로젝트에서 video.js를 직접 사용(npm install)하는 대신, yarn link video.js를 사용하여 모듈의 의존성을 사용한다.

from videojs-thumbnail-sprite.