ASP.NET Core 3.1 与 npm 的集成

Question

我正在开发一个 ASP.NET Core 3.1 应用程序并决定使用 npm 来管理前端库，现在它们应该很少，但将来可能会改变。

我看过几个类似的问题，但它们似乎都有些过时了：

如何在 Visual Studio 2017 中使用 NPM 和安装包？

如何在 ASP.NET Core 中使用 npm

我打算使用 npm 在 CI 环境中安装所需的库，我记得能够将 npm 命令集成到这些命令中dotnet，并想知道是否可行/推荐。

在这个较新版本的 ASP.NET Core 中使用 npm 的推荐方法是什么？

Answer 1

我建议使用Yarn有两个原因：

• 对于您的用例，它是 npm 的替代品。
• 现有的 Nuget 包Yarn.MSBuild将 Yarn 集成到 MSBuild 中。

Yarn.MSBuild允许您指定纱命令你.csproj。这些命令在您构建项目时运行。例如，要在构建时安装前端包：

1. 在您的.csproj：中添加对 Yarn.MSBuild 的引用：

   <ItemGroup>
     <PackageReference Include="Yarn.MSBuild" Version="*" />
   </ItemGroup>
   

2. 添加YarnBuildCommand属性：

   <PropertyGroup>
     <YarnBuildCommand Condition="'$(Configuration)' == 'Release'">install</YarnBuildCommand>
   </PropertyGroup>
   

在上面的示例中，yarn install当您在发布配置中构建项目时运行。您专门询问了有关使用 CI 构建的问题dotnet- 通过此设置，当您dotnet build -c Release在 CI 中运行时，将安装您的前端包。

请注意，默认情况下，该命令在您.csproj的 目录中执行。您可以通过添加YarnWorkingDir属性来更改此设置：

<PropertyGroup>
  <YarnWorkingDir>$(MSBuildProjectDirectory)/wwwroot/</YarnWorkingDir>
</PropertyGroup>