Angular2.x引入font-awesome探討

通常引入font-awesome有兩種方式,一種是直接在style.css中採用import的方式引入font-awesome的css,一種是在angular.json種直接引入css

直接在style.css中採用import的方式引入
@import url("../node_modules/font-awesome/css/font-awesome.css");html

經過angular.json引入,是在build->options->styles中引入,例如:node

"styles": [               
        "./node_modules/font-awesome/css/font-awesome.css",  
        "src/styles.css"
]

例子中是採用npm安裝的,若是要將font-awesome放在一個固定的位置,把./node_modules/font-awesome/css/font-awesome.css這個改爲那個固定位置便可。npm

引入後build,全部的font都在頂級目錄(和dist下的index.html平級),而且每次都加了hash值來防止緩存問題json

相關文章
相關標籤/搜索