Angular7 引入全局CSS和js文件

今天看项目代码的过程中发现这一句

<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可以看到