ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

デフォルトのバンドラーローダー

重要

Liferay npm バンドラーは Liferay 2024.Q4/Portal GA129 で廃止され、将来削除される予定です。

liferay-npm-bundlerでは、デフォルトでいくつかのローダーが利用可能です。

babel-loader: ソースファイルを Babelで処理します。これにより、バンドラーの前の余分なビルド手順が回避されます。
copy-loader: ソースファイル (静的アセット) を出力フォルダーにコピーします。
css-loader: CSS ファイルを、読み込まれると DOM に挿入される JavaScript モジュールに変換します。
json-loader: JSON ファイルの内容をオブジェクトとしてエクスポートする JavaScript モジュールを生成するので、 require() 呼び出しで JSON ファイルを含めることができます。
sass-loader: ソースファイルに対して node-sass または sass を実行し、静的 CSS ファイルを生成できます。 style-loaderの前にチェーンできます。
style-loader: CSS ファイルを JavaScript モジュールに変換し、読み込まれた CSS コンテンツを DOM に挿入します。次に、 require()呼び出しでCSSファイルを含めることができます。