ReactでES6を使用するには、Babelまたは他のトランスパイラーが本当に必要ですか?
私はチャートを見ていました https://kangax.github.io/compat-table/es6/
私の現在のブラウザのようですChrome(最新の安定したバージョン)は、ほとんどすべてのES6機能をサポートしています...
ES6をBabelなしで使用できる場合、どうすればよいですか?
バベルがなければ、リンクしたチャートの互換性が得られます。ただし、JSXを使用する場合は、babelを使用してそれをトランスパイルする必要があることに注意してください。
あなたがしたい場合は:
modules
を使用(require()
またはimport ...
を使用)JSX
を使用すべての人がコードを実行できるようにするには、Babelを使用する必要があります。そうでない場合は、コードなしで開発できます。
ES6 W/O babelは絶対に使用できます。すべての主要なブラウザーは、大部分の機能をネイティブでサポートしています( CanIUse.comを参照 )。実際、サポートされていない唯一の主要な機能は、モジュールのインポート/エクスポートです。
これらの場合でも、HTMLのスクリプトタグを使用して、正しい順序でモジュールを手動でインポートする必要があります。クライアント側のみ(ノードにはモジュールが必要です)。
ただし、これは開発者にとっては問題ありませんが、本番環境では、すべてのJSを1つのモジュールに連結して最小化する必要があるため、最終的にBabel/WebpackまたはBabel/Browserifyスタイルのツールチェーンを使用することになります。