0

我最近从 Visual Studio 2013 切换到 Visual Studio 2015，以便在 MVC 中开发我的 Web 应用程序。我们正在使用 LESS 和 JS 文件来编译这两种文件类型的缩小版本。

现在在 VS2013 中有一个功能，在 LESS 文件中用于在对 .LESS 文件进行任何更改时自动编译为 .CSS 文件。在 JS 文件上也会发生相同的情况，而 .min.js 文件会在对 JS 的任何更改时更新文件。

所以现在对于 VS2015，我知道有新的独立扩展可以做到这一点，即“Web 编译器”和“Bundler and Minifier”，我也已经对其进行了全面研究，但我仍然无法使用它们来更新缩小的.LESS 或 .JS 文件相应更改的版本。

我知道这些任务运行程序称为 Grunt 和 Gulp 可用于 VS2015，但我需要知道如何使用这些工具在保存时实现此编译。

4

1 回答 1

0

回答 1 这通常可以通过删除%localappdata%\temp\WebCompiler???文件夹来解决。

有时您需要重新启动VS，有时您不需要。

不是对每个人都有效，但似乎对很多人都有效。

答案 2 对于那些感兴趣的人，我找到了另一个答案，这似乎提供了额外的好处。

如果您将 Razor 视图添加到您的项目（我将其命名JsHelper.cshtml并添加到 中\Views\Shared）并使用以下内容（添加了额外的换行符以使其适合 SO 宽度）...

@model string
@{
  string ext = HttpContext.Current != null
               && HttpContext.Current.Request.Url.Host.Contains("localhost")
    ? ""
    : ".es5.min";
}
<script src="/Scripts/@Model@(ext).js" type="text/javascript"></script>

...然后，而不是像这样添加脚本标签...

<script src="/Scripts/General.es5.min.js" type="text/javascript"></script>

...你可以添加这个...

@Html.Partial("~/Views/Shared/JsHelper.cshtml", "General")

当您在 Visual Studio 中运行网站时，将使用未编译版本的 Javascript 文件。当在其他任何地方（例如在生产服务器上）运行时，.es5.min.js将使用该版本。

由于发布 Web 项目涉及构建它，它将编译 .js 文件，因此您可以确信发布的已编译和缩小文件是最新的。

这样做的好处是，在浏览器中调试脚本时，您可以访问.js文件的完整版本，而不是直接引用它们时获得的编译和缩小版本。由于最新版本的 Web 编译器中发生的另一个重大变化是它们在编译时不再生成.map.js文件，这是一个巨大的附带好处。

希望这可以帮助。

于 2017-06-08T15:27:52.757 回答