構成(レシピ)

設定 (レシピ)
React
まず、React の依存関係をインストールする必要があります。
ブログ投稿

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"
}