如何使用Rollup编译和观看c＃项目？

Question

我在ASP.NET Core 2.0服务器端的VS项目和客户端的Vue.js。 我使用Rollup捆绑并编译Vue.js文件。

我希望我的VisualStudio在编译时通过Rollup进行捆绑和观察。

我在MyProject.csproj

中使用此代码

<Target Name="DebugRunRollup" BeforeTargets="Build" Condition=" '$(Configuration)' == 'Debug'">
    <Exec Command="rollup -c --environment NODE_ENV:dev" />
</Target>

所有工作都很完美，它在build上编译js文件 但我也需要看他们 尝试这个代码，但它没有用，现在没有编译，没有看。

<Exec Command="rollup -c -w --environment NODE_ENV:dev" />

如何使用汇总编译和观察VisualStudio项目。

我希望在更新客户端代码时在浏览器中更新它，而无需重新编译完整项目。

Answer 1

我建议您避免在服务器端构建过程中运行客户端任务。这只是将这两方联系起来，尽管你通常会单独开发它们。

相反，我建议您在只需运行客户端构建 的.csproj中添加预发布步骤，这样您就可以发布您的应用程序，包括构建的客户端代码。这看起来像这样：

<Target Name="PrepublishScript" BeforeTargets="PrepareForPublish">
  <Exec Command="npm install" />
  <Exec Command="rollup -c" />
</Target>

然后，当您在Visual Studio中打开项目时，应该考虑使用其观察程序运行客户端构建过程。这样，只要您开始处理项目，就会得到一个新编译的应用程序，每当您对客户端脚本进行更改时，您都可以依靠客户端构建过程来正确更新文件。

使用Task Runner Explorer打开项目时，可以自动运行脚本。如果您使用的是Gulp之类的构建工具，则支持已经内置。否则，您还可以安装NPM Task Runner extension以从package.json。

中选择脚本

任务将随后出现在任务运行窗口，你可以从那里开始，或将其绑定到例如“项目打开”事件，使它们自动运行：

如果您使用的是Visual Studio代码，则默认情况下也会选择客户端构建任务，并且您可以使用Blade Runner之类的扩展名在代码中打开项目时自动运行这些任务。