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. 完成。
posted @ 2018-04-04 15:42  幼儿园插班生  阅读(471)  评论(0编辑  收藏  举报