2019.02.052021.03.09 webpackで開発を行ってきましたが、導入当初から仕様が変わったり、個人的な設定方法が固まってきたので一旦記事としてまとめます。 ちなみに以前の記事はこちらです。Babelをはじめ、CSS/SASSのバンドル、さらにファイルを分ける設定までを紹介しています(本記事でも同様の内容を紹介)。 今回はwebpackによる環境構築から、JS/CSSファイルの出力、さらにHTMLもwebpackから出力する方法を紹介します。環境はMac、node v10.15.1、npm 6.7.0、webpackのバージョンは4.29以上で進めます(近頃、開発中のwebpack 5の話題を見かける。4の記事を書くのもそろそろ終わりかな)。 目次環境構築ベーシックな設定ファイルを監視する設定JavaScriptをまとめる設定JavaScriptをBabelでトランスパイル