ANGULARJS5从0开始(2) - 整合bootstrap和font-awesome
整合Bootstrap和font-awesome
- 添加bootstrap jquery popper.js和font-awesome包 npm i bootstrap jquery popper.js font-awesome --save
- 修改.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"
- 将style.css重全名为style.scss
- 修改.angular-cli.json配置文件,把apps里面styles数组里面的“styles.css”改为“style.scss”.
- 修改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";
- 完成。