Angular2.x引入font-awesome探討

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

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

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

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

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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章