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值来防止缓存问题

猜你喜欢

转载自blog.51cto.com/13934921/2490808