Question

如果您将材料设计图标包含在angular2 webpack中，请帮助我逐步指导（或链接，如果您知道一些）？

我确实通过npm install mdi安装了它（我找到的一个资源就是这样）和npm install material-design-icons（来自https://www.npmjs.com/package/material-design-icons）。我也尝试过依赖。

但这还不够。据我了解，我还要对webpack说他应该使用它。但我不知道如何找到任何相关信息。

现在我正在使用它：

<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.3/angular-material.min.css'>
  <link rel="stylesheet" href="//cdn.materialdesignicons.com/1.4.57/css/materialdesignicons.min.css">

但那不是我想要的方式。

任何建议都将不胜感激。

Answer 1

我希望你现在找到了答案，但如果不遵循这些指示

通过npm安装材料设计图标：npm install mdi --save
我希望你可能正在使用angular-cli。如果是这样，请打开angular-cli.json和＆＃34;样式＆＃34;数组添加
```
"styles": [
        "../node_modules/mdi/css/materialdesignicons.min.css"
      ]
```
接下来在addons添加字体如下

"addons": [
         "../node_modules/mdi/fonts/*.+(eot|svg|ttf|woff|woff2)"
      ],

停止控制台和ng server。要测试它是否有效，请将其添加到组件并进行检查。 <i class="mdi mdi-sitemap mdi-24px">
如果有效，那么您已成功将mdi图标添加到angular 2项目

如何正确地将mdi包含到Angular2 webpack中

1 个答案: