# bundler

81개의 포스트
post-thumbnail

Vite

webpack, vite

2022년 9월 19일
·
0개의 댓글
·
post-thumbnail

[Web] 번들러(Bundler)의 개념과 필요성

프론트 개발을 위해서 이것저것 검색하다보면 웹팩, 번들러, 모듈, 빌드타임, 런타임 등등의 용어를 자주 마주치곤 했습니다. 이전에는 뭔가 나와는 상관없게 느껴지고 대수롭지 않게 읽고 지나갔는데, 최근 토스 개발자 컨퍼런스 유튜브 영상과 자료를 보면서 나와 "상당히" 밀

2022년 7월 29일
·
0개의 댓글
·
post-thumbnail

Vite 이야기 (feat. Svelte)

바이트 아니고 **비트** 입니다. 이번 글은 Vite에 관한 내용입니다. 최근 Svelte와 관련한 사내 발표 내용 중 다들 재미있어 했던 Vite에 관한 이야기를 블로그 형식으로 각색하여 다시 정리해보았습니다. 어떻게 해서 Vite가 탄생하게 되었는지 한번 살펴봅시

2022년 7월 27일
·
22개의 댓글
·
post-thumbnail

Bundler(NPX, Degit)

Bundler(NPX, Degit) - parcel, webpack 템플릿을 터미널을 이용해서 더 쉽게 다운받는 방법

2022년 7월 12일
·
0개의 댓글
·
post-thumbnail

Bundler(Netlify 배포)

Bundler(Netlify 배포)

2022년 7월 12일
·
0개의 댓글
·
post-thumbnail

Bundler(babel)

Bundler(babel)

2022년 7월 12일
·
0개의 댓글
·
post-thumbnail

Bundler(Autoprefixer - PostCSS)

Bundler(Autoprefixer - PostCSS)

2022년 7월 12일
·
0개의 댓글
·
post-thumbnail

Bundler(SCSS)

Bundler(SCSS)

2022년 7월 12일
·
0개의 댓글
·
post-thumbnail

Bundler(module)

Bundler(module)

2022년 7월 12일
·
0개의 댓글
·
post-thumbnail

Bundler(정적 파일 연결)

Bundler(정적 파일 연결)

2022년 7월 12일
·
0개의 댓글
·
post-thumbnail

Bundler(plugins)

Bundler(plugins)

2022년 7월 12일
·
0개의 댓글
·
post-thumbnail

Bundler(webpack.config.js 파일 구성옵션 추가)

Bundler(webpack.config.js 파일 구성옵션 추가) - entry, output

2022년 7월 12일
·
0개의 댓글
·
post-thumbnail

Bundler(Webpack 프로젝트 생성)

Bundler(Webpack 프로젝트 생성)

2022년 7월 12일
·
0개의 댓글
·

번들러) Webpack 세팅하기 ⚒

파슬번들러의경우 구성옵션없이 자동화되어 처리되지만 웹팩의 경우 따로 구성옵션을 제공하고 정리해주어야 한다.일일히 작성하는것이 번거로울 수 있지만 디테일한 구성옵션을 통해 프로젝트를 세세하게 다뤄낼수 있다. 그리하여 웹팩의 경우 규모가 좀 있는 프로젝트에 용이하다.npm

2022년 7월 9일
·
0개의 댓글
·

번들러) Parcel 세팅하기 ⚒

웹에서 직접적으로 동작하지 않는 다양한 기능들을 변환해주기 위해 번들러를 사용.외부의 패키지의 도움을 받아 변환하는 것은 번들러에게 위임.구성이 없는 단순한 자동 번들링으로 소/중형 프로젝트에 적합하다.package.json파일 생성개발의존성 패키지로 parcel bu

2022년 7월 8일
·
0개의 댓글
·

webpack 두렵지 않아요 - webpack-dev-server

webpack 설정에 대해서는 정리를 완료했다.모든 설정을 다루진 않았지만, 핵심적인 내용은 다 다루었다.마지막으로 webpack-dev-server를 정리하고 마무리하겠다.webpack 명령어를 통해 build를 하고 bundling된 파일들을 확인할 수 있었다.그런

2022년 7월 6일
·
0개의 댓글
·

webpack 두렵지 않아요 - webpack.config.js 상세

mode, entry, output에 대해서 알아보았는데 3개의 option만 있는것은 아니다.entry, output, module, plugins, resolve와 같은 옵션들을 좀 더 자세하게 알아보자.앞의 글에서 설명한 것 처럼, entry는 bundle을 하기

2022년 7월 6일
·
0개의 댓글
·

webpack 두렵지 않아요 - webpack.config.js 기본

webpack을 실행하여, 서로 다른 javascript를 main.js로 번들링해봤다.별도의 설정을 하지 않아도 default option이 있기 때문에 동작했다.webpack.config.js를 통해 webpack 명령어 동작을 알아보고webpack.config.j

2022년 7월 6일
·
0개의 댓글
·
post-thumbnail

webpack 두렵지 않아요 - 일단 따라해보자

webpack이 왜 필요했고, 어떤 것을 해주는지 알았으니 직접 해보자.webpack-tutorial이라는 폴더를 만들고 npm init으로 pcakge.json을 만들자.그런다음, webpack, webpack-cli, lodash를 설치하고index.html과 in

2022년 7월 6일
·
0개의 댓글
·
post-thumbnail

webpack 두렵지 않아요 - webpack이 뭐야?

webpack과 관련된 용어들을 알아보고webpack과 필요성에 대해서 알아보자.webpack에서 module은 일반적으로 아래와 같은 파일들을 의미하며, Resource라고도 한다.'webpack 두렵지 않아요' 시리즈에서는 모듈과 리소스는 동의어로 취급하여 사용한다

2022년 7월 6일
·
0개의 댓글
·