web-dev-qa-db-ja.com

ReactでES6を使用するには、本当にBabelや他のトランスパイラーが必要ですか?

ReactでES6を使用するには、Babelまたは他のトランスパイラーが本当に必要ですか?

私はチャートを見ていました https://kangax.github.io/compat-table/es6/

私の現在のブラウザのようですChrome(最新の安定したバージョン)は、ほとんどすべてのES6機能をサポートしています...

ES6をBabelなしで使用できる場合、どうすればよいですか?

23
user3463521

バベルがなければ、リンクしたチャートの互換性が得られます。ただし、JSXを使用する場合は、babelを使用してそれをトランスパイルする必要があることに注意してください。

6
Dylan

あなたがしたい場合は:

  • modulesを使用(require()またはimport ...を使用)
  • JSXを使用
  • 多くのブラウザをサポート
  • より高度な機能( async/await )を使用し、一部はまだ提案中( decoratorsclass properties ..)

すべての人がコードを実行できるようにするには、Babelを使用する必要があります。そうでない場合は、コードなしで開発できます。

16
Kerumen

ES6 W/O babelは絶対に使用できます。すべての主要なブラウザーは、大部分の機能をネイティブでサポートしています( CanIUse.comを参照 )。実際、サポートされていない唯一の主要な機能は、モジュールのインポート/エクスポートです。

これらの場合でも、HTMLのスクリプトタグを使用して、正しい順序でモジュールを手動でインポートする必要があります。クライアント側のみ(ノードにはモジュールが必要です)。

ただし、これは開発者にとっては問題ありませんが、本番環境では、すべてのJSを1つのモジュールに連結して最小化する必要があるため、最終的にBabel/WebpackまたはBabel/Browserifyスタイルのツールチェーンを使用することになります。

14
Scott Henshaw