跳到主要内容
版本:3.x

Preact

信息

Taro v3.4 开始支持

Preact 是一款体积超小的类 React 框架。与 React 接近 100k 的体积相比,它的体积只有 5k 左右。在小程序严格的体积要求下,使用 Preact 省下的大量空间则显得弥足珍贵。

相关资料

使用方法

安装依赖

yarn add preact @tarojs/plugin-framework-react

配置

  1. 修改 Taro 编译配置:
config/index.js
const config = {
// ...
framework: 'preact',
}
  1. 修改 Babel 配置:
babel.config.js
module.exports = {
presets: [
[
'taro',
{
framework: 'preact',
},
],
],
}
  1. 如果项目使用了 TypeScript,请打开 skipLibCheck 配置,以避免和其它 React 生态库配合使用时报类型错误:
tsconfig.json
{
...
"skipLibCheck": true,
}

H5

Fast-Refresh

开发环境下,React 支持使用 fast refresh 实现组件的 Hot Reload。而在 Preact 的生态中,可以借助 Prefresh 实现此功能。

Taro 在开发环境下默认开启 Prefresh,如果需要关闭此功能,需要同时修改 Webpack 和 Babel 的配置:

config/index.js
const config = {
// ...
h5: {
devServer: {
hot: false,
},
},
}
babel.config.js
module.exports = {
presets: [
[
'taro',
{
framework: 'preact',
hot: false,
},
],
],
}