在React项目中启用JSX语法(不用脚手架来搭建React开发环境)
什么是JSX语法:就是符合XML规范的js语法。(语法格式相对于html严谨很多)
如何启用JSX语法?
安装babel插件:
运行:
安装能够识别转换JSX语法的包:
运行:
项目的根目录下添加.babelrc配置文件:
webpack.config.js文件中添加babel-loader的配置项:
主要文件:
package.json:(babel-loader必须为7.x版本)
webpack.config.js:
.babelrc
index.js:
index.html: