React JSXとES6モジュールをbabelに置き換えてブラウザのネイティブES6を使用する方法

Question

"react-app" Babelプリセットを使用しているときにBabelがブラウザのネイティブES6機能を使用できないという問題があります。

は、どのように私は、最新で利用可能ES6ブラウザのネイティブ機能を使用しないクロム http://kangax.github.io/compat-table/es6/

また、現在サポートしていませんES6モジュールシステムを、使用している間 https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/import

、さらにReactコンポーネントの記述中にJSX構文を使用し続けますか？

Answer 1

私が見つけた解決策は、以下のことでした。

プリセットがロードにJSXのtranspilation https://babeljs.io/docs/plugins/preset-react/

transfromのes2015モジュールを扱うモジュールを設定する反応

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

下の設定を使用すると.babelrcファイル を作成します。 umd設定はモジュールシステムを処理します。 https://babeljs.io/docs/plugins/transform-es2015-modules-umd/