如何在角度中包含材质图标库？

Question

（我参考此链接以了解https://github.com/angular/angular-cli/issues/2662），我在angular.json中添加add css并导入库instyle.css（它给出了类似./src/styles的错误.css（./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./src/styles.css）），在angular的本地项目中安装材质图标库的正确方法是什么？

npm install material-design-icons-iconfont --save

angular.json

"styles": [
  "src/styles.css",
  "../node_modules/material-design-icons/iconfont/material-icons.css",
],

style.css

@import "~material-design-icons-iconfont/dist/material-design-icons";

index.html

<link href="../material-design-icons-iconfont/dist/fonts/" rel="stylesheet">

Answer 1

首先通过 npm 安装材质图标包：

npm install material-icons --save

然后在 Angular 项目中导入 CSS 库，编辑 angular.json 文件：

"styles": [
    "src/styles.css",
    "node_modules/material-design-icons/iconfont/material-icons.css"
]

Answer 2

使用此链接解决了我的问题（https://www.npmjs.com/package/material-icons）

npm i material-icons

styles.css

@import '~material-icons/iconfont/material-icons.css';