VS2017中如何禁用构建时自动执行NPM命令？

这情况我之前帮团队排查过类似的，大概率是项目里的构建钩子或者MSBuild配置在悄悄触发NPM操作——毕竟.NET项目和前端工具链整合时，很容易出现这种“隐性触发”的问题。下面给你一步步拆解排查和解决思路：

1. 先查项目文件里的MSBuild任务 #

打开你的MVC项目的.csproj文件，搜索Exec、Npm相关的节点，很多时候团队会在这里配置构建前后的自动脚本，比如：

<Target Name="PreBuild" BeforeTargets="PreBuildEvent">
  <Exec Command="npm install" WorkingDirectory="$(ProjectDir)ClientApp" />
</Target>
<Target Name="PostBuild" AfterTargets="PostBuildEvent">
  <Exec Command="npm run build" WorkingDirectory="$(ProjectDir)ClientApp" />
</Target>

这类配置默认不会把NPM命令的输出打到构建窗口里，你可以给Exec节点加ConsoleToMsBuild="true"，就能看到具体执行的是npm install还是build了：

<Exec Command="npm run build" WorkingDirectory="$(ProjectDir)ClientApp" ConsoleToMsBuild="true" />

2. 检查Visual Studio的外部工具配置 #

有时候团队会在VS里配置外部工具，让它在构建时自动触发NPM命令。你可以去工具 -> 外部工具里看看有没有关联NPM的条目，检查是否勾选了“使用输出窗口”，以及触发时机的设置是否符合预期。

3. 排查Angular CLI的整合配置 #

如果你的项目是用Angular模板生成的，大概率依赖了Microsoft.AspNetCore.SpaServices包，它会自动在运行或构建时触发Angular的构建命令。去Startup.cs里找UseSpa的配置：

app.UseSpa(spa =>
{
    spa.Options.SourcePath = "ClientApp";
    if (env.IsDevelopment())
    {
        spa.UseAngularCliServer(npmScript: "start");
    }
});

这里的UseAngularCliServer会自动执行npm start，哪怕MVC不是启动项目，只要解决方案里有依赖关系，也可能被触发。

4. 检查解决方案级别的全局配置 #

右键解决方案 -> 属性 -> 构建顺序，看看是不是其他项目的构建依赖触发了这个MVC项目的构建，进而带起了NPM操作。另外也可以检查解决方案根目录下的Directory.Build.props或Directory.Build.targets文件——这些全局配置文件可能会给所有项目统一加构建钩子。

解决思路 #

• 如果找到了对应的MSBuild任务，可以加条件判断，比如只在启动项目是MVC时才触发：

  <Target Name="PreBuild" BeforeTargets="PreBuildEvent" Condition="'$(StartupProject)' == 'YourMvcProjectName'">
    <Exec Command="npm install" WorkingDirectory="$(ProjectDir)ClientApp" ConsoleToMsBuild="true" />
  </Target>
  

• 如果是SpaServices的问题，在非开发环境或者不需要自动构建时，可以注释掉UseAngularCliServer，手动执行npm run build生成静态文件后再部署。
• 要是外部工具配置的问题，调整触发时机或者直接取消不必要的自动执行。

内容的提问来源于stack exchange，提问作者emery.noel