2018.04.152019.02.21 【2019年版】webpack 4 個人的設定まとめとして、新たに再編集しました。最新の設定はこちらの記事にて紹介しています。 フロントエンドに必須技術となってきたwebpack。自分も少しずつ案件に取り入れつつ覚えてきましたが、便利すぎて手放せなくなってきました。最初はJavaScriptのBabelを使うためだけに使っていましたが、欲が出てSASS(SCSS)のビルドもwebpackで行うようになりました。構築環境をまとめると管理や修正が楽ですし、なにより作業工数を削減することもできます。 今回はwebpackによる環境構築から、ファイルの出力までを紹介します。環境はMac(macOS Sierra)、node v10.1.0、npm 6.4.1、webpackのバージョンは4.17以上で進めます(記事アップデート前は4.12)。webpack