npmでbootstrapを追加し、angular.jsonで設定する

インストール

npmコマンドを用いて、bootstrapをインストール
ついでにjqueryも

npm i bootstrap jquery

メモ：nextで最新版というインストール方法もある模様
npm install bootstrap@next –save


angular.jsonに設定

angular.jsonのstyles、scriptsに以下を設定
2箇所あるので、両方同じ設定にする

“styles”: [
   “src/styles.scss”,
   “node_modules/bootstrap/dist/css/bootstrap.min.css”
],
“scripts”: [
   “node_modules/jquery/dist/jquery.slim.min.js”,
   “node_modules/bootstrap/dist/js/bootstrap.min.js”
]

※Angularのバージョンによりangular.jsonとnode_modulesのフォルダが異なる場合があるらしいので注意


そのほか、役立つパッケージなどをまとめておきたい

けれども、今はまだ・・・