JavaScript Bundler를 사용하는 이유

반응형

JS 파일 수 감소

• 코드베이스를 잘 정의된 여러 파일로 분할하여 유지할 수 있습니다.
• 배포할 수 있도록 코드를 큰 파일로 번들로 제공합니다.

node_modules에서 쉽게 가져오기

 

• 운영 서버에 node_messages를 배포하고,
• 가져올 파일의 상대 경로를 사용합니다.

var _ = require('../node_modules/lodash/lodash.js'); var _ = require('../../node_modules/lodash/lodash.js');

다른 파일 형식 가져오기

import './core.js'; import './style.css'; const template = require('./view.html');

 

전치부호

코드 축소

• 변수에 의미 있는 이름 지정
• 코드 들여쓰기
• 다른 개발자에게 주석 남기기

 

이전 브라우저의 다운그레이드

• 개발자들은 이미 그것을 사용하고 싶어합니다.
• 모든 브라우저가 지원하는 것은 아닙니다.

JavaScript 맛

• 유형스크립트
• 퓨어스크립트
• 느릅나무
• 커피스크립트

 

다양한 사용 사례에 맞는 별도 빌드

너는 어때?

다음에 할 일이 뭐죠?

• esbuild를 위한 나의 비디오 강좌
• 웹팩을 위한 나의 비디오 강좌