モジュールバンドラーwebpack(ウェブパック)はJavaScriptだけでなくCSSもバンドルできるツールです。タスクランナーGulpで対応していたことの多くはwebpackで置き換えが可能。JavaScriptエンジニアだけでなく、CSSコーダーにも利用が拡大しているのではないでしょうか? 前回の記事「webpackにスタイルシートを取り込む方法」ではCSS・Sassとwebpackの連携方法について解説しました。今回は応用としてCSSフレームワークのBootstrap 5をwebpackで利用する方法を解説します。最小構成と、応用構成の二通りについて説明します。 ▲Bootstrapの公式サイト ※この記事は2023年3月現在最新のBootstrap 5、webpack 5、Node.js 19で解説しています。 Bootstrap とは BootstrapとはもとはTwitter
![最新版で学ぶwebpack 5入門 - Bootstrapをバンドルする方法 - ICS MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/1351330e90fec4a5c4b5e667c88250520358712d/height=288;version=1;width=512/https%3A%2F%2Fics.media%2Fentry%2F17749%2Fimages%2Feyecatch.png)