我如何使用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/