隐藏/混淆反应.jsx文件类型的代码？

Question

所以，我一直在进行一些研究，浏览网络并检查有反应的网站，我注意到80％的网站我无法检查他们的反应代码来检查怎么写的。人们隐藏在某处或某种程度上吗？因为我只是把我放在身体封闭的底部，它非常明显且易于取用。

如何隐藏反应代码？或者难以找到/读取？它甚至可能吗？

Answer 1

JSX不是html，浏览器会显示它。 JSX是一个DSL，由babel编译为JS。根据React的JSX docs：

  

从根本上说，JSX只为其提供语法糖   React.createElement（component，props，... children）函数。

所以这段代码：

<MyButton color="blue" shadowSize={2}>
  Click Me
</MyButton>

编译成：

React.createElement(
  MyButton,
  {color: 'blue', shadowSize: 2},
  'Click Me'
)