ANGULARJS5從0開始(2) - 整合bootstrap和font-awesome

整合Bootstrap和font-awesome

1. 添加bootstrap jquery popper.js和font-awesome包 npm i bootstrap jquery popper.js font-awesome --save 
2. 修改.angular-cli.json配置文件，在apps裏面的scripts數組裏添加如下代碼

   "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/umd/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js"

3. 將style.css重全名爲style.scss
4. 修改.angular-cli.json配置文件，把apps裏面styles數組裏面的「styles.css」改成「style.scss」.
5. 修改style.scss文件，導入bootstrap的樣式和font-awesome字體

   @import "../node_modules/bootstrap/scss/bootstrap.scss"; $fa-font-path: "../node_modules/font-awesome/fonts"; @import "../node_modules/font-awesome/scss/font-awesome.scss";

6. 完成。