angular - 如何在 Angular 中包含 Material 图标库？

Question

(我引用此链接 Issue #2662 )，我在 angular.json 中添加 CSS 并 import library instyle.css 它给出了如下错误:

./src/styles.css (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./src/styles.css)

在 Angular 本地项目中安装 Material 图标库的正确方法是什么？

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

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

npm i material-icons

样式.css

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