如何使用 Rollup 编译和观看 c# 项目?

How to make c# project to compile and watch with Rollup?

我在 ASP.NET Core 2.0 服务器端和 Vue.js 在客户端有 VS 项目。 我使用 Rollup.

捆绑和编译 Vue.js 文件

我想在我的 VisualStudio 中制作捆绑包并在编译时按 Rollup 观看。

我在MyProject.csproj

中使用了这段代码
<Target Name="DebugRunRollup" BeforeTargets="Build" Condition=" '$(Configuration)' == 'Debug'">
    <Exec Command="rollup -c --environment NODE_ENV:dev" />
</Target>

并且一切正常,它在构建时编译 js 文件。
但我也需要看他们。
试过这段代码,但是没有用,现在不编译,不看。

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

如何使 VisualStudio 项目编译并使用 rollup 观看。

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

我建议您避免在服务器端构建过程中执行客户端任务 运行。这只是将这两个方面结合起来,尽管您通常是单独开发它们。

相反,我建议您在 .csproj 中添加一个预发布步骤,仅 运行 您的客户端构建 一次,这样您就可以发布包含内置客户端代码的应用程序。可能看起来像这样:

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

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

您可以在使用 Task Runner Explorer 打开项目时自动创建脚本 运行。如果您使用像 Gulp, then support is already built-in. Otherwise, you can also install the NPM Task Runner extension 这样的构建工具从您的 package.json.

中获取脚本

然后任务将出现在任务 运行ner window 中,您可以从那里启动它们或将它们绑定到“项目打开”事件,例如使它们 运行自动:

如果您使用的是 Visual Studio 代码,那么客户端构建任务也会被默认提取,您可以使用像 Blade Runner 这样的扩展来自动 运行 这些在代码中打开项目时的任务。