자바스크립트 + 리액트 디자인 패턴

367

Chapter 14_

리액트 애플리케이션 구조

//...

module: {

rules: [

{

test: /\.css$/,

include: [

// 현재 폴더 기준으로 `app/styles`로 시작하는 경로 포함

// 예: `app/styles.css`, `app/styles/styles.css`,

// `app/stylesheet.css`

path.resolve(__dirname, 'app/styles'),

// 슬래시('/')를 추가하여 `vendor/styles/` 폴더의 내용만 포함

path.join(__dirname, 'vendor/styles/'),

],

},

],

},

};

다른 모듈을 참조하는

import

,

require

,

define

등이 없는 파일은 의존성 분석을 할 필요가

없습니다. 이럴 땐

noParse

옵션

19

을 사용하여 이러한 파일의 파싱을 건너뛸 수 있습니다.

14.4 Next

.

js

애플리케이션을 위한 애플리케이션 구조

Next

.

js

20

는 확장 가능한 리액트 애플리케이션을 위한 실무 환경에 적합한 프레임워크입니

다. 앞서 살펴본 혼합 구조를 사용할 수 있지만,

pages

router

의 경우, 모든 라우트 파일은

pages

폴더 안에 위치해야 하며, 페이지의

URL

은 루트

URL

과

pages

폴더 내 상대 경로를

합친 ...