如何将我的 JSX 代码转换为 JS 对象？答案

【问题标题】：How I can transpiled my JSX code into JS object?如何将我的 JSX 代码转换为 JS 对象？
【发布时间】：2019-12-18 09:23:36
【问题描述】：

我想要从头开始创建我的作品，但每个手册都说类似的东西： “所以我们在类似的JSX上写下，并将Babel转发为JS”。我想了解这个魔术的作品。我的意思是如何：

const div = <div id='JSX'> Example </div>

变成这样：

div = ('div', {id='JSX'}, 'Example');

我看到它的类似：

function convertor(div){
  //code 
  return ObjectRepresentationOfDiv
}

但是如何将参数传递到转换器函数的情况下，没有“syntaxError：意外的令牌

【问题讨论】：

【解决方案1】：

魔法通常通过带有 babel 插件的 webpack 发生。

分享您的 webpack.config.js 以查看其中的内容，如果您希望启动并运行它。

以下文档可能是您要阅读的内容：

如果您想更深入地了解，可以在这里找到源代码。

【讨论】：