NPM
-
[2일차] ffmpeg.wasm 0.10.0 업데이트 및 github action npm ci 문제 해결프로젝트 개발/MP3 Tools 웹앱 (Drop) 2021. 5. 19. 17:37
1. ffmpeg.wasm 업데이트 개발 진행중 ffmpeg.wasm 이 0.10.0으로 업데이트 된 것을 확인했다. 이전에 문제가 있었던 스레드 종료이슈에 대한 기능이 구현되었다. 사용하면 원하는 상황에 바로 리소스가 해제되진 않는 듯 하지만 전혀 없었던 때에 비하면 훨씬 더 좋아졌다. setTimeout(() => { try { ffmpeg.exit(); } catch { } }, 0); ffmpeg.exit() 함수를 바로 호출하면 에러 메시지가 alert으로 표시되어 나온다. 따라서 timeout으로 감싼뒤 try catch로 처리했다. 2. 아이콘 변경 아이콘에 소소한 변경을 주었다. 지난시간에 만들었던 아이콘이 새로 디자인할 뮤직플레이어 웹앱에 어울릴듯하여 해당 아이콘은 새로운 뮤직플레이어 웹..
-
[javascript bundle] 추가한 또는 추가할 npm package의 size를 확인할 수 있는 사이트 BundlePhobiaETC 2021. 2. 27. 09:48
내가 만든 자바스크립트 프로젝트가 번들링하면 파일크기가 얼마나 될지, 그중 비중이 높은 패키지가 무엇이 있는지 확인해 볼수 있는 사이트이다. bundlephobia.com/ BundlePhobia Find the performance impact of adding a npm package to your bundle. bundlephobia.com 사이트에 접속하면 검색창이 한가운데 덩그러니 배치되어있다. 검색창은 npm에 배포된 패키지를 검색할 수 있다. 예를들어 moment를 검색하면 아래와 같은 결과가 나온다. 번들사이즈, 네트워크 규격에 따른 예상다운로드시간, 사용한 다른 패키지 구성(Composition) 비율이 표시된다. 그리고스크롤을 아래로 내리면 이와 비슷한 유형의 패키지들을 소개하는 카드도..