yarnでbootstrap5をインストールする。

yarnでbootstrapをインストールする機会があったので、記録がてらに投稿致します。

CDNでも用意されています。

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

ビルドツールにて$ yarn add bootstrapでインストール可能。

/node_modules
 └bootstrap/scss/bootstrap/scss
/src/scss/main.scss

こういったディレクトリ構造の場合scss配下にあるscssファイルでnode_modulesのbootstrap.scssを@importしてあげれば直ぐにbootstrapが使えるようになります。

main.scss

@import "../../node_modules/bootstrap/scss/bootstrap.scss";

以上です。