运行 npm 命令预构建 Visual Studio 2019

Question

我正在使用 Visual Studio 2019 创建一个新的 Core RazorPage 应用程序。我需要在 WWWRoot 文件夹中运行以下命令

npm install
npm run build

我尝试在我的预构建脚本中添加以下命令

<Target Name="PreBuild" BeforeTargets="PreBuildEvent">
    <Exec Command="npm i $(ProjectDir)wwwroot" />
  </Target>

但什么也没发生，我收到了以下警告

npm WARN saveError ENOENT: 没有这样的文件或目录，打开'E:\Dev\package.json'

似乎完全忽略了路径中的 wwwroot

Answer 1

VS19 不喜欢在项目的根目录下没有 package.json。我能够在项目的根目录添加 package.json，并添加脚本：

"scripts": {
    "build": "cd wwwroot && npm i && npm run build"
  },

该node_modules文件夹，然后中创建wwwroot文件夹和npm run build命令的子文件夹中运行。我还推荐扩展“NpmTaskRunner”（https://github.com/madskristensen/NpmTaskRunner）。然后，您可以将根构建脚本绑定到 VS Build 事件。