Bleeding edge

Files npm에 library를 만들면서 packagejson가 얼마나 중요한지 알게 되었다. 오늘 시행착오를 많이 만들었던 것은, 파일을 5개를 publish를 하였는데 3개만 올라간 경우였다. //package.json { //... "files": [ "index.js", "index.cjs.js", "index.esm.js", "index.d.ts" ] //... } index.js와 package.json, index.cjs.js만 올라간 이유는 index.js와 index.cjs.js만 files의 array에 넣었기 때문이었다. package.json같은 경우 readme.md와 같이 항상 포함되는 파일이기 때문에 올라갔다. 필요한 파일들을 더 넣기 위하여 다른 파일들도 file arra..

현재 react-wai에서는 bundler로써 webpack을 사용하고 있었는데, 파일을 번들링을 하는 과정에서, esm, amd와 같이 원하는 형태로 번들링을 하는 것보다 다른 번들러를 사용해 보는 것은 어떨까 고민하다가 Rollup에 대해서 검색을 해보았다. 이전에 발생했던, styled-components에서의 이슈를 보면 Rollup에 대한 이야기가 많았기에 어떤 건지 궁금했다. 번들러의 종류 (간단한 그림으로 번들러들의 요약해보자!, 출처는 하단에..) rollup이 라이브러리에 유리해! 이걸 쓰자 라고 결정하는 것보다는 webpack과 rollup을 비교하고 사용을 하기 위해 간단히 검색하였다. Webpack vs Rollup Webpack Webpack은 ESM(ES Module)형태의 번들..