迁移到preactjs

Question

我有一个通用的反应应用程序，其中服务器端建在babel和客户端软件包内置在webpack。我已阅读preact-compact文档和它表明在.babelrc添加此使用babel建设：

{ 
    "plugins": [ 
    [ 
     "transform-react-jsx", 
     { 
     "pragma": "h" 
     } 
    ], 
    [ 
     "module-resolver", 
     { 
     "root": [ 
      "." 
     ], 
     "alias": { 
      "react": "preact-compat", 
      "react-dom": "preact-compat" 
     } 
     } 
    ] 
    ], 
    "presets": [ 
    "react" 
    ] 
} 

而对于webpack：

{ 
    "resolve": { 
    "alias": { 
     "react": "preact-compat", 
     "react-dom": "preact-compat" 
    } 
    } 
} 

但是建立后，我得到一个错误

如何迁移到preact以获得通用反应应用程序

Answer 1

但建成后我得到一个错误“H没有定义”

您添加transform-react-jsx插件您通天配置。

["transform-react-jsx", { "pragma":"h" }] 

这告诉巴贝尔如何transpile您的JSX代码。为了达到这个目的，函数h需要位于范围内，这意味着您需要将其导入到每个使用JSX的文件中。

import { h } from 'preact'; 

而不必改变所有的代码，使用反应过来，就可以使用preact-compat和别名都react和react-dom到preact-compat，因为你做了正确的，无论是与babel-plugin-module-resolver或的WebPack。有了这个，你可以在你的代码中使用react和react-dom，preact-compat为你完成剩下的工作。

为了使其工作，您必须从您的babel配置中删除["transform-react-jsx", { "pragma":"h" }]。