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

相关文章
相关标签/搜索