**首先需要安装 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"] } ~~~ 添加 start 脚本到 package.json ~~~ // package.json "scripts": { "start": "parcel index.html" } ~~~