Webpack4.0如何启用 jsx 语法

如何启用 jsx 语法？

安装 babel 插件

安装能够识别转换jsx语法的包 @babel/preset-react

babel升级了一个大版本，已经到7.X了，babel 升级到7.X采坑总结，请查看segmentfault./a/1190000016458913

添加 .babelrc 配置文件

{"presets": ["@babel/preset-env", "@babel/preset-react", "mobx"],"plugins": ["@babel/plugin-proposal-object-rest-spread","@babel/plugin-transform-runtime"]
}

添加babel-loader配置项：

module: { //要打包的第三方模块rules: [{ test: /\.js|jsx$/, use: 'babel-loader', exclude: /node_modules/ }]
}

同步博客请移步： by.wlgzs.club:8082/articles/2019/10/16/1571228707281.html

​