我从Preact应用程序开始。 文件说
与其在代码中声明@jsx杂注,不如在.babelrc
中对其进行全局配置:
对于 Babel 5 及更早版本:
{ "jsxPragma": "h" }
对于 Babel 6:
{
"plugins": [
["transform-react-jsx", { "pragma":"h" }]
]
}
我是Preact世界的新手,想了解为什么我们需要创建这个文件以及什么是jsx编译指示?
杂注是放置在包含一些JSX的文件顶部的注释(/** @jsx h */
此处),告诉JSX转换器您要调用哪个函数来创建虚拟dom的每个元素。 Preact使用超脚本,这就是为什么您需要使用h
编译指示的原因。Preact建议创建这个文件,这样babel就可以处理编译指示本身,而不需要你把它添加到每个文件中。这样您就不会忘记将其放在文件中。
你建议你阅读WTF是JSX,如果你想了解JSX的一切,这是一个基本的帖子。