非公式Webpackチュートリアルその２ - コンパイラかく語りき

非公式Webpackチュートリアルのその２です。

前回の記事がこちら。

今回消化するチュートリアルはこちらです。

前回はバンドラとローダーという俯瞰的な例でしたが、今回からは具体的なチュートリアルに入っていきます。

第二回のチュートリアルは最小構成でのチャレンジとなります。

まずファイル構成はこんな感じ。

f:id:chuck0523:20160216022606p:plain

そして、Webpackの設定ファイルであるwebpack.config.jsは以下のとおり。

つまり、webpackコマンドを走らせたら、src/index.jsがビルドされて、dist以下にbundle.jsとして生成されますよーといった感じ。

以上、これが最小構成でのwebpackのサンプルでした。

余談ですが、webpackで頻出するpathについて調べてみました。

このモジュールはファイルパスを扱うユーティリティを含みます。利用するにはrequire('path')を呼び出してください。

へー。

configのpath.join(__dirname, 'hoge')あたりがpathを使用している箇所ですね。

「joinとは、与えられた引数を１つに結合して、得られるパスを正規化する」らしいです。

へー。

今回作成したディレクトリはこちら。

そして今回消化したチュートリアルがこちらでした。

次回はその３です〜