# Bun

@issue image minify using bun & webpack
웹팩 도큐먼트여기서 imagemin 만 추가해서 사용할 예정이다. 웹팩이 이미지를 로딩할 수 없기 때문에 webpack asset 을 먼저 작성bun run build 를 해 주면, 오류 없이 번들링이 잘 되는 모습을 볼 수 있다.이제 이미지 사이즈를 줄이기 위헤 관

[Bun Docs 톺아보기] #1. What is Bun? ~ Quickstart
[Bun Docs 훑어보기 #1] What is Bun ~ Quickstart

@issue/bun + webpack + typescript 환경에서 interface 등의 특정 키워드 사용 불가능한 문제 해결
이후 bun webpack 을 실행하게 되면, Module parse failed: The keyword 'interface' is reserved 오류가 나게 된다babel과 babel 프리셋으로 해결해 보자,패키지 설치웹팩 설정기존에 작성했던 config 에서 mo

webpack을 이용해서 Style sheet import 하기
웹팩 기본 설정웹팩 기본 설정 코드 보기src 폴더에 styles 폴더를 만들고, index.css 만들기스타일이 적용이 되는지 확인하기 위해 background-color 속성을 추가 해 준다.이후 index.ts 파일에 직접 import를 해 준뒤에 bun run

bun 환경에서 webpack + typescript 설정하기
bun init bun project 생성 디렉터리 모습 필요한 패키지 > 패키지 설명 > 1. webpack, webpack-cli = webpack과 webpack을 cli환경에서 사용할 수 있게 해줌 > 2. webpack-dev-server = 라이브 리
[React] JavaScript 패키지 매니저 비교
📍 npm npm은 세계에서 가장 큰 소프트웨어 등록 기관으로, Node.js 생태계의 가장 대표적인 패키지 매니저이다. 특징 Node.js와 함께 기본적으로 설치 강력한 CLI(Command Line Interface)를 제공하여 패키지 설치, 버전 관리, 의존