한 권으로 끝내는 Node & Express: 웹사이트 구축을 위한 서버 사이드 자바스크립트

261

16

장

-

정적 콘텐츠

16.7.1.

개발 모드에서 번들링과 최소화 생략하기

번들링과 최소화에는 문제가 하나 있습니다. 번들링과 최소화를 한 다음에는 프론트엔드 디

버그가 거의 불가능해진다는 점입니다. 자바스크립트와

CSS

를 모두 모아 파일 하나로 묶어버

린 데다가, 최소화 수준을 아주 높였다면 정말 알아볼 수 없게 바뀝니다. 이상적인 방법은, 개

발 모드에서는 번들링과 최소화를 비활성화하는 겁니다. 다행히 필자가 바로 여러분을 위해

connect

-

bundle

모듈을 만들었습니다.

모듈을 시작하기 전에 설정 파일을 만듭시다. 지금은 번들만 정의하지만, 나중에는 이 파일을

데이터베이스 설정에도 쓸 겁니다. 설정은 보통

JSON

파일에 담는데,

JSON

파일도 마치 모

듈처럼

require

에서 읽고 파싱할 수 있다는 건 잘 알려지지 않았지만 매우 유용한 팁입니다.

var config

=

require

('./

config

.

json

');

하지만 필자는 따옴표에 싫증이 나서 보통 설정을 자바스크립트 파일로 저장합니다. 자바스크

립트 파일은

JSON

파일과 거의 완전히 같지만 따옴표를 좀 적게 써도 됩니다.

cong

.

js

파일

을 만듭시다.

module

.

exports

=

{

bundles

:

{

clientJavaScript

:

{

main

:

{

file

:

'/

js

/

meadowlark ...