如何在Visual Studio 2017中编译less / sass文件

Question

在VS＆lt; = 2015中，我们可以使用WebEssentials扩展，负责为我们编译less / sass文件，但目前它不支持VS 2017.你是否知道类似的扩展，可以编译更少/ sass在构建？

Answer 1

WebEssentials正在分为多个扩展。我相信您想要的功能现在位于Web Compiler扩展名。

如果你想在没有扩展的情况下这样做，你可以使用像Gulp这样的任务运行器。有关如何将Gulp任务集成到VS中的演示，请参阅here。

Answer 2

更新 - 请仔细阅读本页，因为我已经添加了额外的答案（这一点没有更长的时间为我工作）。

对于像我这样不了解Gulp或Grunt或Shriek或Wail且不想要的人，您可以使用Visual Studio 2017自动编译SCSS文件，就像在Visual Studio中一样2015.以下步骤对我有用。

首先卸载Web Compiler的任何旧扩展/ Nuget包（我不知道是否有必要）。

转到VSIX gallery download page并选择下载Web编译器。

请注意，我首先在Visual Studio中选择工具 / 扩展和更新。虽然这似乎有效，但我发现当我对它们进行更改时，我的部分SCSS文件没有被自动编译为CSS（I wasn't the only one）。

您现在应该能够右键单击主SCSS文件并选择下面显示的选项，这些选项应在项目的根目录中自动创建名为 compilerconfig.json 的文件（此步骤如果你已经有这个文件可能没必要了）：

从现在开始，一切似乎都运转正常。唷！感谢Mads Kristensen顺便进行此扩展 - 任何事情都是为了避免学习新东西...

Answer 3

简单答案：

• 同时编译LESS和SASS文件：Web Compiler或Web Essentials 2017（包括许多扩展名）
• 仅编译SASS（SCss）字段：CompileSass
• 仅编译较少的文件：LESS Compiler

Answer 4

我以前的回答对我有用了几个月，但现在已经不再适用了。当我尝试编译时，我在错误窗口中收到有关CompilerConfig架构问题的消息，但无法解决此问题（谷歌搜索和安装/卸载都没有帮助）。

所以另一个答案是使用CompileSASS，这是一个更简单的插件，（更多）更少的在线文档，但它工作得很漂亮。我能看到的唯一缺点是：

• 生成的CSS与SCSS在同一个文件夹中，所以我不得不在我的网站上稍微移动一下以适应这个;和
• 据我所知，生成的CSS只是缩小了

一旦你安装了加载项（我正在使用VS 2017），你可以进入工具＆gt;更改设置的选项：

希望我现在能恢复工作！顺便说一句，感谢所有插件作者 - 不要吝啬。

Answer 5

现在还有一个不太具体的编译器。 https://github.com/madskristensen/LessCompiler