preact - 在 preact 应用程序中创建 .babelrc 需要什么

Question

我从 Preact 应用程序开始。文件说_

最好不要在代码中声明 @jsx pragma，而是在 a 中全局配置它 .babelrc：

对于 Babel 5 及之前版本：

{ "jsxPragma": "h" }

对于通天塔 6：

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

我是 Preact 世界的新手，想了解为什么我们需要创建这个文件以及 jsx pragma 是什么？

Answer 1

pragma 是/** @jsx h */放置在包含一些 JSX 的文件顶部的注释（此处），告诉 JSX 转换器您要调用哪个函数来创建虚拟 dom 的每个元素。Preact 使用hyperscript，这就是你需要使用hpragma 的原因。Preact 建议创建此文件，以便 babel 处理 pragma 本身，而无需将其添加到每个文件中。这样您就不会忘记将其放在文件中。

您建议您阅读WTF is JSX，如果您想了解有关 JSX 的所有信息，这是一篇基础文章。