webpackインストール後のセットアップパターンをまとめました。Babel/ESLint/SASSなどを用いてフロントエンド開発環境を整えていきます。

Webアプリケーションのフロントエンドには、JSやCSSなどのたくさんの技術が集約されています。そしてそれらを惜しみなく活用した場合、記述したソースコードでは動作せず、コンパイルが必要になる事がほとんどです。今回は、モジュールバンドラであるWebpackを導入し、レガシーからモダンまでをカバーできるフロントエンド開発環境を整えていきます。