Plotly.js를 포함한 패키지 번들링 및 배포

회사에서 plotly를 비롯한 여러 차트 라이브러리를 활용한 패키지를 생성하는 과정에서 문제를 마주하였다. 번들링(Rollup)을 하고 배포를 하려고 하는데 plotly.js는 번들링 과정에서 계속 에러를 냈다.

알고보니, 배포를 위한 plotly 패키지가 따로 있었다. 바로, plotly.js-dist 패키지였다.

번들링과 배포에 적합한 plotly.js-dist 패키지

여러 사례들을 찾아보면서 다음과 같은 방법으로 번들링과 배포에 성공 할 수 있었다.

1. plotly.js-dist 패키지와 @types/plotly.js를 설치한다.

npm install plotly.js-dist
npm install @types/plotly.js

2. node-modules/@types 폴더 내 plotly.js의 폴더명을 plotly.js-dist로 변경한다.
3. plotly.js 모듈을 import 해서 활용하는 파일에서도 plotly.js 대신 plotly.js-dist를 import 한다.

이 과정을 거치면 plotly.js를 활용한 패키지 번들링과 배포가 가능하다.

참고자료 : https://stackoverflow.com/questions/54200157/should-i-install-plotly-js-or-plotly-js-dist-via-npm