akjfal

webpack이란 의존 관계가 있는 모듈들을 하나의 자바스크립트로 번들링하는 모듈 번들러다. babel-loader는 모듈을 번들링 할 때 Babel을 사용하여 트랜스파일링 하는 역할을 한다. https://poiemaweb.com/es6-babel-webpack-2 Webpack | PoiemaWeb 앞에서 테스트해 본 바와 같이 ES6 모듈을 현재의 브라우저에서 사용하려면 [RequireJS](http://requirejs.org/) 또는 [SystemJS](https://github.com/systemjs/systemjs)와 같은 모듈 로더가 필요하다. [Webpack](https://webpac poiemaweb.com 해당 블로그를 따라 babel과 webpack을 구성했다. 이제 docs를 따..

읽어보면 좋은 글 Babel : https://github.com/jamiebuilds/babel-handbook GitHub - jamiebuilds/babel-handbook: A guided handbook on how to use Babel and how to create plugins for Babel. :blue_book: A guided handbook on how to use Babel and how to create plugins for Babel. - GitHub - jamiebuilds/babel-handbook: A guided handbook on how to use Babel and how to create plugins for Babel. github.com --save와 --..

바벨에는 2가지 타입의 파일이 있다. project-wide configureation (프로젝트 전체 구성) - babel.config.json(.js, cjs, .mjs) - configfile을 override할 수 있다. File-relative configuration (파일 관련 구성) - babelrc.json(.babelrc, .js, .cjs, .mjs) - 일부 파일에 적용 할 수 있다. 하위 패키지와 루트 패키지간에 로드 설정에 주의해야한다. 하위 패키디를 같이 하기위해서는 babelrcRoots: [".", "packages/*"]등 옵션을 추가해줘야 한다. .js사용시 바벨 구성 api가 노출되는데 바로 계산이 가능하지만 캐싱을 더 어렵게한다. 따라서 관련 기능 설정을 해야한다. ..

우선 babel에 대해서 좀 더 파보고 싶었다. core-js@3 개발을 하다보니 이런 에러가 생겨서 원인을 찾다가 폴리필 문제라는걸 깨닫고 정리합니다. Core.js simsimjae.medium.com 해당 글을 통해서 얼핏 듣기만 했던 babel/polyfill, plugin-trasnform-runtime에 대해서 대략적으로 알게되었고, 해당 사항들이 개선된 core-js@3의 역할에 대해서 알수 있었다. 하지만 해당 글을 보니 polyfill은 regenerator-runtime과 core-js를 합친 것이라하여 각각이 무엇인지 먼저 알아봐야 할 것 같았다. 근데...대부분의 글들이 해당이 polyfill이 저것 두개를 합친것이라 하여 한글로된 글을 통한 대략적인 파악은 여기까지하고, 공식문서를..

webpack과 babel에 대한 이해도 높이기 https://velog.io/@pop8682/%EB%B2%88%EC%97%AD-%EC%99%9C-babel-preset%EC%9D%B4-%ED%95%84%EC%9A%94%ED%95%98%EA%B3%A0-%EC%99%9C-%ED%95%84%EC%9A%94%ED%95%9C%EA%B0%80-yhk03drm7q [번역] babel-preset-env는 무엇이고 왜 필요한가? 이 글은 blog.jakoblind.no에서 작성한 What is babel-preset-env and why do I need it?을 번역/요약한 내용입니다. 모던 javascript 프로젝트를 시작할 때, babel을 설치하고 babel-preset-env plugin 설정을 .babe..