**首先需要安裝 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" } ~~~