ポートレットでES2015モジュールを使用する
ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。
package.json ファイルを介してモジュール を
公開したら、それらをポートレットで使用できます。 aui：script タグの require 属性により、簡単になります。
このチュートリアルでは、ポートレットで公開されているモジュールにアクセスする方法について説明します。 以下の手順に従って、公開されたモジュールをポートレットで使用します。
-
ビューJSPで
auitaglibを宣言します。<%@ taglib uri="http://liferay.com/tld/aui" prefix="aui" %>
注： Bladeを使用してポートレットを作成した場合、 init.jsp``aui taglibがすでに提供されています。
aui：scriptタグをJSPに追加し、require属性をモジュールの相対パスに設定します。
require 属性により、公開されたモジュールをJSPに含めることができます。 AMDローダーは、指定されたモジュールとその依存関係を取得します。 以下に示すfaux Console Loggerポートレットの view.jsp の例には、モジュール logger.es含まれています。
<aui:script require="js-logger/logger.es">
var Logger = jsLoggerLoggerEs.default;
var loggerOne = new Logger('*** -> ');
loggerOne.log('Hello');
var loggerDefault = new Logger();
loggerDefault.log('World');
</aui:script>
スクリプトタグ内のモジュールへの参照は、キャメルケースで が 値を必要とするため、すべての無効な文字が削除された名前が付けられます。 logger.es モジュールの参照 jsLoggerLoggerEs は、モジュールの相対パス値 js-logger / logger.esから派生します。 値からダッシュ文字とスラッシュ文字が取り除かれ、キャメルケースに変換されます。
aui：script タグとその require 属性のおかげで、ポートレットでモジュールを使用することは簡単です！