Loader (webpack) - CI/CD用語集の定義

webpack loader は、build 中に一致するファイルをモジュールに変換します。たとえば TypeScript のコンパイルや画像のインライン化です。

webpack の loader は、ファイルが import される際に適用される変換で、非 JavaScript ファイル (CSS、画像、TypeScript) を webpack が取り込めるモジュールに変換します。loader は連鎖され、module.rules の下で設定されます。

loader は webpack が import を解決する際にファイルごとに実行されるため、ts-loader は TypeScript をコンパイルし、css-loader はスタイルシートをモジュールに変換します。build 全体に作用する plugin とは異なります。CI では、設定を誤った loader は build 失敗の頻繁な原因です。

関連ガイド