如何使用 SpaTemplates 在 Visual Studio 2017 中向 ASP.NET Core Angular 2 应用程序添加字体真棒答案

【问题标题】：How to add font awesome to ASP.NET Core Angular 2 application in Visual Studio 2017 with SpaTemplates如何使用 SpaTemplates 在 Visual Studio 2017 中向 ASP.NET Core Angular 2 应用程序添加字体真棒
【发布时间】：2017-12-21 17:26:24
【问题描述】：

我正在使用 Visual Studio 2017 中的单页应用程序模板来创建 Angular 2 应用程序。

dotnet new --install Microsoft.AspNetCore.SpaTemplates::*

然后像这样创建应用程序：

dotnet new angular

将第三方库（如 font awesome）导入 Angular 2 应用程序的推荐方式是什么？

【问题讨论】：

github.com/aspnet/JavaScriptServices/blob/dev/templates/…

标签： angular asp.net-core font-awesome visual-studio-2017

【解决方案1】：

我一直在寻找完全相同的东西。

终于在这里找到了答案： http://blog.stevensanderson.com/2016/10/04/angular2-template-for-visual-studio/

别忘了做：

webpack --config webpack.config.vendor.js

如前所述，并确保在执行此操作时还重新启动 ASP.NET Core 管道。

问候

【讨论】：

每次我运行 webpack --config webpack.config.vendor.js 我得到 TypeError: dep.getResourceIdentifier is not a function 有什么想法吗？

【解决方案2】：

信用original post

这适用于 .NET Core 2，在您使用 dotnet new angular 创建 SPA 项目后：

进入项目根目录并安装包：npm install font-awesome --save。您现在应该在 package.json 依赖项中看到它。
然后转到 webpack.config.vendor.js 并将 font awesome 添加到不可摇树模块下的数组中：

const nonTreeShakableModules = [ '引导'， 'bootstrap/dist/css/bootstrap.css', 'es6-promise', 'es6-垫片', '事件源-polyfill'， 'font-awesome/css/font-awesome.css', 'jquery', ];
现在我们需要告诉 webpack 我们添加了这个新包。因此，如果您在使用 npm install --save-dev npm-install-webpack-plugin 将其安装到项目的根目录之前还没有这样做。
最后在项目根目录下运行这个命令：webpack --config webpack.config.vendor.js

【讨论】：