# CJS

kjyook

클론코딩을 진행하다가 갑자기 해보고 싶은 일이 생겨서 하게 된 일이 있었다. npm에 나의 라이브러리를 배포해 보고 싶었다. 물론 지금 배포해 본 라이브러리는 아무도 안 쓸 수도 있고, 별로 쓸모없는 라이브러리일 수 있지만, 나중에 내가 어떤 컴포넌트를 굉장히 확장성

pengoose_dev

ESM가 CJS보다 트리쉐이킹에 유리한 이유. 그리고 동작원리

mero

참고 자료 : https://memostack.tistory.com/268https://stackoverflow.com/questions/38296667/getting-unexpected-token-export또는

beberiche

패키지 모듈을 만드는 과정과 해당 패키지를 개발을 중요하게 생각했던 점들을 기록했습니다.

bang9dev

자바스크립트 생태계의 모듈에 대해 Module resolution, Bundler, CJS,ESM 등을 포함해서 자세히 알아보자.

beberiche

CJS 와 ESM

eunseo9808

저는 현재 간단한 React 라이브러리를 만들면서 Yarn berry를 사용하고 있었고 package.json에서 type을 module로 설정하여 ESM으로 개발을 하고있었습니다. 그러다 문득 yarn berry는 require을 monkey-patch해서 cjs에서

medistream

✅ index.html , index.js 와 같이 파일명과 확장자가 표시된 코드는 실제로 실행 가능하며, 파일명 그대로 복사하셔서 생성 후, 코드를 복사해서 붙여넣기 하시면 실행이 가능합니다.✅ \*표시가 있는 단어는 🤔 궁금해요! 앞에 있는 화살표를 클릭하시면

hd3946

ESM을 활용하자~!

youngkiu

https://web.dev/commonjs-larger-bundles/ 의 예시 코드를 직접 돌려본 결과 입니다.https://github.com/youngkiu/cjs-vs-esm-size

youngkiu

https://dev.to/endel/nodejs-package-authors-please-support-both-cjs-and-esm-1oj3

egoavara

CommonJS와 ES-Module, 분명히 미래에는 ES-Module이 더 널리 쓰일 것이다.(적어도 난 그렇게 믿는다.) 하지만 분명 지금은 CommonJS가 더 널리 쓰이고, 새로운 프로젝트에서도 CJS를 지원하는 것은 당연하다. 따라서 내가 패키지를 만들고자

bandor

https://tech.kakao.com/2020/12/01/frontend-growth-02/ 위 글에서 보면 commonJS와 ESModule을 함께 사용하기 위해서 @babel/plugin-transform-modules-commonjs, 즉 preset-env

rimo09

모듈은 1개 이상의 값을 내보내는 JS파일이다.모듈을 통해 기능과 관심사의 분리를 할 수 있다. AMD, CJS, UMD, ESM 등 모듈 종류를 정리해보았다.