VS 2015 Web 编译器不会在保存时自动编译 .less 文件答案

【问题标题】：VS 2015 Web Compiler won't auto-compile .less files on saveVS 2015 Web 编译器不会在保存时自动编译 .less 文件
【发布时间】：2016-10-23 07:31:46
【问题描述】：

我已经安装了 Visual Studio 2015，并且由于 Web Essentials 不再编译 .less 文件，我安装了用于编译 .less 文件的 Web 编译器插件。

问题是我似乎无法将其设置为在保存时将.less 文件自动编译为.css。保存时编译 .less 文件可以做什么？

【问题讨论】：

标签： visual-studio-2015 web-compiler

【解决方案1】：

在使用 Less 时，我将 Web Essentials 与 Visual Studio 2015 一起使用。 Visual Studio 2013 的 Web Essentials 具有将您的 .less 文件编译成 .css 和 .min.css 文件的内置功能，它还具有在您保存 .less 文件时更新 .css 和 .min.css 文件的功能。

现在使用 VS 2015，我必须下载两个单独的附加组件才能恢复此功能： Web Compiler 和 Bundler & Minifier

我以为我的 Visual Studio/Web Essentials 插件坏了……Bundler & Minifier 应该为你解决了自动保存问题，它对我有用 :)

【讨论】：

我安装了 Web Essentials 和 Bundler & Minifier，但问题仍然存在。似乎也必须安装 Web Compiler 插件。
您可能会发现，即使在安装 Web Compiler 之后，它也不会在保存时编译。如果是这样，请删除 %localappdata%\temp\WebCompler??? 文件夹。有时您需要重新启动VS，有时您不需要。并不适合所有人，但似乎适合很多人
检查您的 .less 文件中的错误（并不总是清楚）有错误的 .less 文件不会生成 css 文件。

【解决方案2】：

现在使用 VisualStudio 2015，您必须使用像 Gulp 或 Grunt 这样的任务管理器。这些工具是 NPM 包，可以在 Visual Studio 中使用“task runner explorer”执行

例如，尝试使用“gulp-less”模块来实现 Gulp（在我的链接上有完整的教程）来编译你的 less 文件，然后你可以将你的 gulp 执行附加到 Visual Studio 的一些事件中（比如 pre- build, post-build .. etc ) 或者你可以使用“gulp-watch”来检查你何时保存了一个less文件并自动编译它们。

【讨论】：

感谢您的回答 - 我从哪里下载 gulp-watch？
npmjs.com/package/gulp-watch 这是文档，但我不确定如果您使用以下命令编写 gulpfile.js，Gulp 是否会为您安装它： var lessCompile = require("gulp-less");