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

Question

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

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

然后创建了这样的应用程序：

dotnet new angular

将第三方库（如字体真棒）导入Angular 2应用程序的推荐方法是什么？

Answer 1

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

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

别忘了这样做：

webpack --config webpack.config.vendor.js

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

此致

Answer 2

信用original post

在使用dotnet new angular：

创建SPA项目之后，这适用于.NET Core 2

1. 转到项目的根目录并安装软件包：npm install font-awesome --save。您现在应该在package.json依赖项中看到它。

2. 之后转到webpack.config.vendor.js并在非树可模块化模块下向阵列添加字体awesome：

   const nonTreeShakableModules = [     “引导”，     '引导/ DIST / CSS / bootstrap.css'，     'ES6-承诺'，     'ES6-垫片'，     “事件源填充工具”，     “字体真棒/ CSS /字体awesome.css”，     'jQuery的'， ];

3. 现在我们需要告诉webpack我们添加了这个新包。所以如果你没有这样做，那么在使用npm install --save-dev npm-install-webpack-plugin在项目的根目录中安装之前。

4. 最后，在项目的根目录中运行此命令：webpack --config webpack.config.vendor.js