JavaScriptのバンドラーには今のところBrowserifyを使っているけど、webpackもどんなものか把握したいという人のための記事です。 記事執筆時点(2017/11)では、webpackのバージョンは3.8.1です。 とりあえずJavaScriptをバンドルする例 まずは単純な設定でwebpackを使ってみます。 必要なnpmパッケージはその名の通りwebpackだけです。インストールしましょう。 基本的に、webpackの設定はwebpack.config.jsというJavaScriptファイルに書いていきます。 このファイルをpackage.jsonなどと同じディレクトリに作ります。 これが基本ですが、以下の様にもできます。 (npm scriptsやgulpなどを通して)webpackを実行する際のオプションによって、明示的に設定ファイルを指定してもよい。 ファイル名を