🍰 用法

React

首先为 React 安装所有依赖。

参考博文

npm install --save react
npm install --save react-dom
npm install --save-dev parcel-bundler

或者使用 Yarn 包管理器

yarn add react
yarn add react-dom
yarn add --dev parcel-bundler

在 package.json 文件中添加 start 命令:

// 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 文件中添加 start 命令:

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

Vue

首先,我们需要安装 Vue 的依赖库。

npm install --save vue
npm install --save-dev parcel-bundler

或者使用你所安装得 Yarn 包管理器

yarn add vue
yarn add --dev parcel-bundler

向 package.json 文件中的 scripts 配置信息中添加 start 脚本。

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