# esbuild
Vite! 정말 빠른 번들러 Vite 적용기
안녕하세요~👋 고영이에요. 오늘은 정말 정말 빠른 번들러인 Vite를 소개하려고 해요. SPA 등의 라이브러리나 프레임워크를 쓰다보면 제품 성능과 파일 관리를 위해 웹 번들러를 사용하게 되는데요. 가장 보편적으로 webpack을 많이 사용하지만 webpack의 단점인
Yarn Berry(v3) Workspace #1 - workspace 설정
Yarn Berry workspace의 설정에 대해 설명합니다. typescript, eslint / prettier, jest 등 실무에 필요한 설정을 한번에 모았습니다.
esbuild로 CJS와 ESM 동시 지원
https://dev.to/endel/nodejs-package-authors-please-support-both-cjs-and-esm-1oj3
Webpack기본 Minify plugin 비교
Webpack5로 사이드 프로젝트를 시작하였다. 번들 크기 압축을 위해 필자에게 가장 익숙한 uglifyjs-webpack-plugin을 사용하려 했으나, webpack4까지만 uglify-js를 사용하고, webpack5 부터는 es6를 지원하지 않는다는 이유로 te
esbuild 사용해보자! (+ yarn berry)
프로젝트 파일 생성 프로젝트 파일 생성 yarn 버전 변경 packageManager 초기화 esbuild 번들러 추가 의존성 추가 개발 의존성 추가 tsc 초기화 index.html 추가 ` index.html 수정 src 및 App.tsx 추가
빌드성능 개선하기 Webpack + ESbuild
오랜만의 포스팅입니다 :) 이번에는 저희 프로젝트에서 빌드성능 개선한 후기를 포스팅 하려 합니다. 항상 말씀드리지만 가이드 같은것들은 워낙 좋은 글 들이 많아서 그걸 보시면 될것 같고 저는 실무를 하면서 겪을 수 있는 어려운 이슈에 대한 경험 및 고도화 위주로 포스
Webpack 보다 더 빠른 빌드툴, Snowpack
스노우팩은 unbundled during development 즉 개발중에 번들링을 하지 않겠다는 컨셉의 프론트엔트 빌드툴이다.예를들면 현재 빌드툴로 가장 많이 사용되는 webpack 같은 경우, 파일 하나가 변경될 경우 연관된 모든 파일을 다시 빌드하고 다시 번들링
.png)