JS에서 Webpack 번들링이랑 Quill 에디터랑 무슨 관련이 있나요

[익명(182.230)]

검색해도 영어로만 나와요

[익명(211.209)]

번들러가 무엇인지 아시나요?

[익명(182.230)]

네 하나로 묶는거죠 근데 Quill은 텍스트랑 관련된거던데 번들링하는거랑 텍스트랑 무슨 상관인지 ㅠㅠ

[익명(211.209)]

뭘 하나로 묶을까요?

[익명(182.230)]

파일이죠

[익명(211.209)]

그럼 Quill 텍스트 에디터들도 엄청나게 여러 파일들로 나눠서 개발했겠죠? 그럼 그걸 npm에 올려서 개발자들이 쓰게 하려면 어떻게 해야할까요?

[익명(182.230)]

흐음.... 어렵네요 ㅠㅠㅠㅠ

[익명(211.209)]

빌드를 해서 올리겠죵.... 빌드 과정중에 바벨로 transpile(오래된 브라우저 지원) 하는것도 있고, 님말대로 하나로 합치는것도 있고, 모듈시스템 지원하게 변경하는 과정도 있을거고, 최적화 과정도 있을거고.. 그 툴을 웹팩을 쓴것같은데요..

[익명(211.209)]

님도 웹개발하실 때 웹팩으로 빌드해서 서버에 올리지않나요?...

[익명(182.230)]

흐으음... 감사합니다..

[익명(182.230)]

네 빌드해서 올립니다

[익명(182.230)]

npm run dev 명령어로 빌드해요

[익명(211.209)]

csr일 경우 npm run build해서 하나의 파일로 만든다음에 올리는 케이스일거구요. npm run dev도 빌드과정이 포함되긴 하지만.. 일반적으로 빌드 + dev서버 켜는 용도일거에요. (빌드지만 우리가 원하는 최종 빌드와는 모습이 다를거에요)

[익명(182.230)]

웹은 공부할게 산더미네요.. 후우

[익명(211.209)]

같은 논리로..
Quill.js 개발자들도 님처럼 npm run dev(정확하게는 npm run build) 를 하려고 webpack을 쓰는거라서 관련이 있습니다.
웹팩을 왜 쓰고 어떤 결과가 나오는지 궁금하면 요기 아래 링크를 참고해보세요.
https://jeonghwan-kim.github.io/series/2019/12/10/frontend-dev-env-webpack-basic.html

[익명(182.230)]

오 감사합니다