『webpack 実践入門 ：webpack の基礎をしっかり理解して使いこなす』

『webpack 実践入門 ：webpack の基礎をしっかり理解して使いこなす』のサンプルコード集です。

セクション３: webpack を利用してみる

• section03/01-getting-started-webpack: 「webpack を最小構成で利用してみる」を終了時点のサンプルコード

セクション４: webpack の様々な機能やプラグインなどを利用して開発環境を整える

• section04/01-split-configuration-for-development-and-production: 「開発用と本番用の設定を分ける」を終了時点のサンプルコード
• section04/02-remove-console-in-production: 「console.log を削除した本番用のファイルを出力する」を終了時点のサンプルコード
• section04/03-source-map: 「ソースマップを生成してデバッグに役立てる」を終了時点のサンプルコード
• section04/04-clean-webpack-plugin: 「出力先をクリーンアップしてからファイルを出力する」を終了時点のサンプルコード
• section04/05-html-webpack-plugin: 「html-webpack-plugin で webpack から出力されたファイルを読み込んだ HTML を出力する」を終了時点のサンプルコード
• section04/06-webpack-dev-server: 「webpack-dev-server（開発用サーバー）を導入する」を終了時点のサンプルコード
• section04/07-multiple-entry-points: 「複数のエントリーポイントから複数のファイルを出力する」を終了時点のサンプルコード

セクション５: 最適化

• section05/01-split-chunks-plugin: 「splitChunksPlugin で最適化したファイルを出力する」を終了時点のサンプルコード
• section05/02-advanced-split-chunks-plugin: 「splitChunksPlugin で最適化したファイルを出力する（応用編）」を終了時点のサンプルコード
• section05/03-caching: 「ブラウザキャッシュ対策」を終了時点のサンプルコード

セクション６: Babel で JavaScript のコードを様々なブラウザで動作するコードに変換する

• section06/01-babel-loader: 「babel-loader で ES2015（ES6）の構文で書かれたコードを ES5 のコードに変換する」を終了時点のサンプルコード
• section06/02-babel-loader-with-preset-env: 「ES2015 以降の構文で書かれたコードを指定したブラウザで動作するコードに変換する」を終了時点のサンプルコード
• section06/03-babel-loader-with-polyfill: 「指定したブラウザで必要なポリフィルのみを取り込む」を終了時点のサンプルコード

セクション７: ESLint と Prettier で JavaScript のコードを検証、整形をしてコードの品質を保つ

• section07/01-eslint-loader: 「eslint-loader で JavaScript のコードを検証する」を終了時点のサンプルコード
• section07/02-eslint-loader-with-prettier: 「Prettier で JavaScript のコードを整形する」を終了時点のサンプルコード

セクション８: webpack で CSS を扱う

• section08/01-sass-loader-css-loader-style-loader: 「sass-loader と css-loader と style-loader で Sass をバンドルする」を終了時点のサンプルコード
• section08/02-mini-css-extract-plugin: 「mini-css-extract-plugin でバンドルされる CSS を個別の CSS ファイルに抽出する」を終了時点のサンプルコード
• section08/03-post-css-loader: 「post-css-loader でベンダープレフィックスを自動で追加する」を終了時点のサンプルコード
• section08/04-optimize-css-assets-webpack-plugin: 「optimize-css-assets-webpack-plugin で最適化した CSS を出力する」を終了時点のサンプルコード

セクション 9: webpack で 画像を扱う

• section09/01-file-loader: 「file-loader で画像を出力する」を終了時点のサンプルコード
• section09/02-html-loader: 「html-loader で HTML 上の画像も file-loader で扱えるようにする」を終了時点のサンプルコード
• section09/03-image-webpack-loader: 「image-webpack-loader で画像を圧縮する」を終了時点のサンプルコード