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. 完成。

转载于:https://www.cnblogs.com/domaple/p/8717594.html