我如何使用babel传输React JSX和ES6模块并使用浏览器本机ES6

Question

我遇到的问题是使用“react-app”Babel预设时，Babel阻止我使用浏览器本机ES6功能。

如何使用最新可用ES6浏览器的原生功能的Chrome http://kangax.github.io/compat-table/es6/

同时还采用了ES6模块系统，目前还没有支持 https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/import

，另外在编写React组件时继续使用JSX语法？

Answer 1

我找到的解决方案是执行以下操作。

创建.babelrc文件 然后使用下面

{ 
 
    "presets": ["react"], 
 
    "plugins": ["transform-es2015-modules-umd"] 
 
}

的预设的设置发生反应设定的负载处理该JSX transpilation https://babeljs.io/docs/plugins/preset-react/

的transfrom ES2015模块模块umd设置处理模块系统。 https://babeljs.io/docs/plugins/transform-es2015-modules-umd/