テーマに ECMAScript 6+ を使用する

概要

ECMAScript 6+ コードを機能させます。

クロスブラウザーの JavaScript の問題を回避するために、SXA には ES ウォッチャーが付属しています。このようにして、開発者は ECMAScript 6+ をコードで使用し、また、古いブラウザーでも動作させることができます。sources フォルダーにあるECMAScript 6+ のコードは、古いブラウザーでのフォールバック機能を提供するために、scripts フォルダーのファイルに自動的に変換されたファイルです。

ECMAScript 6+ スクリプト クラスを追加するには:

  1. ECMAScript 6+ のコードを、テーマの sources フォルダー (Media Library/MyTheme/sources) に保存します。

    ECMAScript 6+ クラスを追加します。
  2. デフォルトの gulp タスクを開始します。ES ウォッチャーにより、ソース フォルダー内の ECMAScript 6+ コードが確実に JavaScript コードに変換されて scripts フォルダーに保存されます。

    スクリプト フォルダーに JS コードとして保存された ECMAScript コード。