配置(Recipes)

配置(Recipes)
React
首先需要安裝 React 的依賴關(guān)系。
博客文章

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

或者如果你已經(jīng)安裝了可選的 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 的依賴關(guān)系。

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

或者如果你已經(jīng)安裝了可選的 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"]
}

添加 start 腳本到 package.json

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