구성(레시피)

구성(레시피)
React
먼저 React의 종속성을 설치해야 합니다.
Blog Post

npm install --save react
npm install --save react-dom
npm install --save-dev parcel-bundler
npm install --save-dev babel-preset-env
npm install --save-dev babel-preset-react

또는 선택적 Yarn 패키지 관리자

yarn add react
yarn add react-dom
yarn add --dev parcel-bundler
yarn add --dev babel-preset-env
yarn add --dev babel-preset-react

를 설치한 경우 다음 Babel 구성이 있는지 확인하세요.

 // .babelrc
{
  "presets": ["env", "react"]
}
添加 start 脚本到 package.json
// package.json
"scripts": {
  "start": "parcel index.html"
}

Preact
먼저 Preact의 종속성을 설치해야 합니다.

npm install --save preact
npm install --save preact-compat
npm install --save-dev parcel-bundler
npm install --save-dev babel-preset-env
npm install --save-dev babel-preset-preact

또는 선택적 Yarn 패키지 관리자

yarn add preact
yarn add preact-compat
yarn add --dev parcel-bundler
yarn add --dev babel-preset-env
yarn add --dev babel-preset-preact

를 설치한 경우 다음 Babel 구성이 있는지 확인하세요.

// .babelrc
{
  "presets": ["env", "preact"]
}

package.json에 시작 스크립트 추가

// package.json
"scripts": {
  "start": "parcel index.html"
}