본문 바로가기

ROLLUP2

🤩 rollup + typescript + react 세팅하기 🐣 이제 시간남을때마다 컴포넌트 라이브러리를 제작중입니다! 이름은 elpo-ui (엘포유아이) 입니다. 제가 좋아하는 캐릭터 덤보가 코끼리 캐릭터 이라 코끼리와 덤보 이름을 섞은 엘포 입니다 ㅋㅋ 아직 디자인 시스템을 구축, 기획 준비 단계라 차근 차근 블로그에 올리겠습니다. 우선 그전에 번들링 셋팅 부터 할거라, 오늘은 rollup + typescript + react setting을 같이 해보도록 하겠습니다! 헤헤 번들링이 안돼서 한참 돌고 돌았는데, 알고보니 오타,, 그러나,, 에디터에서 잡아주지 못한 ,, 흥 우선 지난 포스팅에 롤업을 쓰는 이유(바벨이랑 차이점)을 두고 포스팅을 했었는데요! 한번 읽어보심 좋을 것 같아여 (들어간 김에 광고 클릭 ㄱ ㄱ) yoon-dumbo.tistory.com/.. 2021. 4. 26.
롤업과 웹팩의 차이점 (rollup vs webpack) 🤩 ui 라이브러리를 만들어 보자~ 최근 하고 있는 사이드 프로젝트에들어가는 ui-components 를 라이브러리화 시켜 npm 에 올려 두고 쓰려고 elpo-ui 라는 이름으로 개발을 준비 중입니다. 기존에 프로젝트들에는 늘 웹팩을 사용하여 번들링을 진행했는데, '앱은 웹팩으로 라이브러리는 롤업으로!' 라는 말이 생각나 그 이유가 무엇이며 둘의 차이점을 알아보고자 합니다. 롤업을 도입하기 전에 왜 롤업을 도입하려 하는지 도입 후 얻는 이점이 어떤 것들이 있는지, 그리고 그들의 특성을 이해하고 언제 롤업을, 언제 웹팩을 써야할지 구분하고자 이 글을 작성합니다. 🤩 웹팩과 롤업의 차이점을 알아보자! ✨ Webpack✨은 2012년도에 탄생한 짱짱 번들링도구 입니다. 특히나 spa개발에 있어 webpack.. 2021. 4. 22.