如何在ASP.Net core MVC中使用yarn在wwwroot文件夹中安装bootstrap

最近我开始学习ASP.Net core MVC。我一直使用 Bower 在 Visual Studio 2017 中为我的项目安装包。但现在我想使用 YARN。因为 Bower 似乎已被弃用。但我不知道如何使用yarn在wwwroot文件夹中安装bootstarp。对于 Bower，我使用了 Bower.json，它会自动安装 bootstarp。我用“纱线添加[电子邮件受保护]--dev”，但它将它安装在项目文件夹中的node_modules中，我在解决方案资源管理器中看不到它， 谢谢

最好对 Asp.net Core 应用程序使用 npm（包管理器），首先通过在 vs2017 的解决方案资源管理器中右键单击您的项目名称并单击“添加”=> 添加新项目来搜索并添加名为 npm 的包，在包内，添加引导程序作为依赖项，如下所示，

{
  "version": "1.0.0",
  "name": "nameofyourapplicationinsmallcaps",
  "private": true,
  "devDependencies": {
  },

  "dependencies": {
    "bootstrap": "4.1.0"
  }
}

Next==> 在您的项目中创建一个名为 middleware 的根文件夹，您将在您的请求管道中构建一个自定义扩展/中间件（这些将查看节点模块文件夹以提供文件）启动.cs，确保将名为 app.UseNodeModules() 的新扩展放置在 app.UseStaticFiles() 中间件（这些提供来自 wwwroot 文件夹的文件）下方，如下所示，

app.UseStaticFiles(); app.UseNodeModules(env.ContentRootPath);

在中间件文件夹中，添加一个可以命名为 ApplicationBuilderExtensions.cs 的类，您将创建一个 app.UseStaticFiles() ，其自己的请求路径指向 npm 包，将以下内容添加到该类中（您不会使用默认的应用程序.UseStaticFiles()),

using Microsoft.Extensions.FileProviders;
using System.IO;

namespace Microsoft.AspNetCore.Builder
{
    public  static class ApplicationBuilderExtensions
    {
        public static IApplicationBuilder UseNodeModules(this IApplicationBuilder app , string root)
        {
            var path = Path.Combine(root, "node_modules");
            var fileprovider = new PhysicalFileProvider(path);
            var options = new StaticFileOptions();
            options.RequestPath = "/node_modules";
            options.FileProvider = fileprovider;
            app.UseStaticFiles(options);
            return app;
        }
    }
}

Next==>在vs2017中的解决方案资源管理器中查找名为“显示所有文件”的图标并单击它，您将看到一个node_module文件夹，展开此文件夹以查看bootstrap=>dist=>css，将bootstrap.css拖入_Layout.cshtml 中的开始和结束 head 标记之间。

完成所有这些操作后，您可以开始使用引导类向项目添加样式。