Visual Studio 2022中TypeScript保存编译后执行webpack的问题

问题原因 #

你添加的Test Target绑定了CompileTypeScriptWithTSConfig，这个Target仅在完整项目构建时触发，而Visual Studio保存单个TypeScript文件时的增量编译，触发的是更轻量化的CompileTypeScript Target，所以你的Webpack命令不会自动执行。

解决方案 #

修改.csproj中的Target配置，同时绑定增量编译和完整构建的触发Target，确保两种场景都能执行Webpack：

<Target Name="RunWebpack" AfterTargets="CompileTypeScript;CompileTypeScriptWithTSConfig">
    <Exec Command="call &quot;buildtools.bat&quot; &amp;&amp; webpack --mode=development" />
</Target>

额外注意事项 #

• 确保buildtools.bat和webpack的路径在VS的执行环境中可访问，如果路径不是全局的，建议使用绝对路径（比如C:\your-path\webpack.cmd）。
• 如果依然不生效，检查VS的“保存时编译”是否开启：依次点击工具 > 选项 > 文本编辑器 > JavaScript/TypeScript > 项目 > 常规，勾选“保存时编译TypeScript文件”。

内容的提问来源于stack exchange，提问作者jordan dap