Webページの構成ファイルをまとめる、モジュールバンドラー「webpack」入門
はじめに 一般的にWebページは、HTMLファイル以外にJavaScriptやCSS、画像など、複数のファイルから構成されます。ファイル数が多くなってくると、構成ファイルの依存性を正しく管理することが難しくなります。 webpackは、Webページを構成するファイルの依存性を自動的に処理してまとめるツールです。モジュールをまとめる（バンドルする）ことから「モジュールバンドラー」と呼ばれます。 今回はwebpackの概要を説明したあと、コマンドラインからwebpackでJavaScriptモジュールをまとめる例を紹介します。また、webpackが対応する、JavaScriptモジュール形式についても説明します。 対象読者 Webページを構成する大量のファイルが把握できなくなった方 JavaScriptコードをモジュール分けしてスマートに記述したい方 最近のJavaScriptモジュール事情を
webpack（バンドリングツール）
webpackは、依存関係のある複数のモジュールやファイルを1個以上のファイルにまとめてくれるバンドリングツールだ。 連載目次 webpackとは webpackは、Webアプリ（のクライアントサイド）の開発時にアプリを依存関係のある複数のモジュールに分割している場合に、最終的にそれらのファイルを1個以上のファイルにまとめてくれるバンドリングツールだ。 最近ではWebアプリ（のクライアントサイド）開発でもNode.jsなどで提供されているモジュール機構を使うことで、コードを複数のモジュールに分割するのが一般的になっている。ただし、アプリが複数のモジュールで構成される場合、それらの間の依存関係を開発者が手作業で管理したり、特にアプリの規模が大きくなってきたときに全てのファイルを問題なくブラウザ内に読み込んだりするのが難しくなる。そこで、モジュール間の依存関係を解析して、最終的に複数のモジュー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
