Node.jsデザインパターン 第2版

8.2

 

Webpack

の導入

255

8.2

 

Webpack

の導入

Node

アプリケーションを書くうえで何としても避けたいのが、開発に使用しているプラットフォー

ムがデフォルトとして提供しているモジュールシステムと異なるもののサポートを手作業で追加するこ

とです。理想的な状況は、今までと同じように

require()

と

module.exports

を使ってモジュール

を書き続け、書き上げたコードをツールを使って変換してブラウザで容易に実行できるようなバンドル

にすることでしょう。幸いなことに、この問題を解決してくれるプロジェクトが既に数多くありますが、

その中でも

Webpack

（

https://webpack.github.io

）はもっとも人気があり、広く使われています。

Webpack

を使えば、

Node

モジュール流の記法が使え、その後にコンパイルのステップがあって、モ

ジュールがブラウザで動作するのに必要なすべての

依存関係が入った（関数

require()

の書き直しも

含めた）バンドル（単一の

JavaScript

ファイル）を作成してくれるのです。このバンドルはウェブページ

に組み込んでブラウザで簡単に実行できます。

Webpack

はソースコードを再帰的にスキャンして関数

require()

の参照を探し、参照を解決してモジュールをバンドルに組み込んでくれるのです。

Webpack

が

Node

モジュールからブラウザバンドルを作成するための唯一のツール

というわけではありません。他によく使われているものとして

Browserify ...