JSX 环境搭建
JSX 在大家一般认知里面，它是属于 React 的一部分。其实 Facebook 公司会把 JSX 定义为一种纯粹的语言扩展。而这个 JSX 也是可以被其他组件体系去使用的。
建立项目
那么我们就从最基础的开始，首先我们需要创建一个新的项目目录：
mkdir jsx-component
初始化 NPM
在你们喜欢的目录下创建这个项目文件夹。建立好文件夹之后，我们就可以进入到这个目录里面并且初始化 npm。
npm init
执行以上命令之后，会出现一些项目配置的选项问题，如果有需要可以自行填写。不过我们也可以直接一直按回车，然后有需要的同学可以后面自己打开 package.json 自行修改。
安装 webpack
Wepack 很多同学应该都了解过，它可以帮助我们把一个普通的 JavaScript 文件变成一个能把不同的 import 和 require 的文件给打包到一起
所以我们需要安装 webpack ，当然我们也可以直接使用 npx 直接使用 webpack，也可以全局安装 webpack-cli。
安装 Babel
因为 JSX 它是一个 babel 的插件，所以我们需要依次安装 webpack，babel-loader, babel 和 babel 的 plugin。
这里使用 Babel 还有一个用处，它可以把一个新版本的 JavaScript 编译成一个老版本的 JavaScript，这样我们的代码就可以在更多老版本的浏览器中运行。