今天看项目代码的过程中发现这一句
<i class="iconfont icon-log"></i>
百度之后发现是用font-class 方法引入iconfont。具体方法见官方说明https://www.iconfont.cn/help/detail?helptype=code,简单点来说就是先引入iconfont的css文件
<link rel="stylesheet" href="iconfont.css">
然后用i标签引入即可。但是我在.ts文件中并没有找到iconfont.css的引用,于是一级一级向上查找,md,找到app.component.ts也没有发现。于是在VSCode中全局查找iconfont.css,发现angular.json文件下有一句"src/assets/fonts/fontsHades/iconfont.css"
"styles": [
"node_modules/ng-zorro-antd-mobile/src/ng-zorro-antd-mobile.min.css",
"src/theme.less",
"src/assets/fonts/fontsHades/iconfont.css"
],
原来这样可以添加全局样式。位置就是project_name\angular.json文件中的"projects"下的"architect"下的"build"下的"styles",把css路径加入即可。
同理"projects"/"architect"/"build"/"scripts"可以添加全局js脚本。
相关内容在官方文档https://www.angular.cn/guide/workspace-config可以看到