非圧縮CSSを書き出す、通常のコーディング案件でwebpack 5を利用する - Qiita

HTMLとCSSのみのコーディング案件にwebpack 5を使用したところ、いい感じだったので忘れないうちにまとめます。 webpackを使用するメリット npm scriptsとPostCSSで良いのでは？と思うところですが、webpackはwatchモードを利用している間はキャッシュを使用するので、CSSの自動ビルドが体感でわかるほど早いです。CSSコーディングは細かい調整が多かったりするので、とても助かります。 パッケージをインストールする package.jsonがまだない場合は、プロジェクトの初期化をします。 以下のパッケージをインストールします。npm-run-allは必須ではありません。複数のnpm scriptをわかりやすく行を分けて書くために使用しています。node-sassは非推薦になったのでsass(Dart Sass)を使用してください。 autoprefixer