如何在 Visual Studio 2017+ 中编译 Less/Sass 个文件
How to compile Less/Sass files in Visual Studio 2017+
在 VS <= 2015 中，我们可以使用 WebEssentials 扩展来为我们编译 less/sass 文件，但目前它不支持 VS 2017。是否有类似的扩展可以编译 Less/Sass 构建中？
WebEssentials 正在拆分为多个扩展。我相信您想要的功能现在在 Web Compiler 扩展中。
如果你想在没有扩展的情况下完成它，你可以使用像 Gulp 这样的任务运行器。有关如何将 Gulp 任务集成到 VS 的演练，请参阅 here。
现在还有一个不太具体的编译器。
https://github.com/madskristensen/LessCompiler
更新 - 我添加了 因为这个似乎不再适合我了。
对于那些像我一样不知道 Gulp 或 Grunt 或 Shriek 或 Wail 并且不想知道的人，您可以获取 Visual Studio 2017 来编译您的 SCSS 自动生成文件，就像在 Visual Studio 2015 年一样。下面的步骤对我有用。
首先为 Web 编译器卸载任何旧的 extensions/Nuget 包（我不知道是否有必要）。
转到 VSIX gallery download page 并选择下载 Web 编译器。
请注意，我首先通过在 Visual Studio 中选择 工具 / 扩展和更新 来完成此操作。虽然这似乎有效，但我发现当我对它们进行更改时，我的部分 SCSS 文件没有自动编译为 CSS (I wasn't the only one).
您现在应该可以右键单击您的主 SCSS 文件并选择如下所示的选项，这应该会自动创建一个名为 compilerconfig.json[= 的文件37=] 在你的项目的根目录中（如果你已经有这个文件，这一步可能是不必要的）：
从这时起，一切似乎都正常了。呸！顺便说一下，感谢 Mads Kristensen 的扩展——任何避免学习新东西的东西......
我之前的答案对我有用了几个月，但现在不再有用了。当我尝试编译时，我在错误 window 中收到一条关于 CompilerConfig 模式问题的消息，但无法解决这个问题（谷歌搜索和 installing/uninstalling 都没有帮助）。
因此，另一种答案是使用 CompileSASS，它更简单 add-in，在线文档（少得多），但效果很好。我能看到的唯一缺点是：
- 生成的 CSS 与 SCSS 在同一个文件夹中，所以我不得不在我的网站上稍微移动一些东西来适应这个；和
- 据我所知，生成的CSS只是缩小了
安装 add-in 后（我使用的是 VS 2017），您可以进入“工具”>“选项”更改设置：
希望我现在可以复工了！顺便说一下，感谢所有 add-in 作者 - 不要抱怨。
简单回答：
- 同时编译 LESS 和 SASS 文件：Web Compiler or Web Essentials 2017（包括许多扩展名）
- 仅编译 SASS (SCss) 字段：CompileSass
- 只编译 LESS 文件：LESS Compiler
在 VS <= 2015 中，我们可以使用 WebEssentials 扩展来为我们编译 less/sass 文件，但目前它不支持 VS 2017。是否有类似的扩展可以编译 Less/Sass 构建中？
WebEssentials 正在拆分为多个扩展。我相信您想要的功能现在在 Web Compiler 扩展中。
如果你想在没有扩展的情况下完成它，你可以使用像 Gulp 这样的任务运行器。有关如何将 Gulp 任务集成到 VS 的演练，请参阅 here。
现在还有一个不太具体的编译器。 https://github.com/madskristensen/LessCompiler
更新 - 我添加了
对于那些像我一样不知道 Gulp 或 Grunt 或 Shriek 或 Wail 并且不想知道的人，您可以获取 Visual Studio 2017 来编译您的 SCSS 自动生成文件，就像在 Visual Studio 2015 年一样。下面的步骤对我有用。
首先为 Web 编译器卸载任何旧的 extensions/Nuget 包（我不知道是否有必要）。
转到 VSIX gallery download page 并选择下载 Web 编译器。
请注意，我首先通过在 Visual Studio 中选择 工具 / 扩展和更新 来完成此操作。虽然这似乎有效，但我发现当我对它们进行更改时，我的部分 SCSS 文件没有自动编译为 CSS (I wasn't the only one).
您现在应该可以右键单击您的主 SCSS 文件并选择如下所示的选项，这应该会自动创建一个名为 compilerconfig.json[= 的文件37=] 在你的项目的根目录中（如果你已经有这个文件，这一步可能是不必要的）：
从这时起，一切似乎都正常了。呸！顺便说一下，感谢 Mads Kristensen 的扩展——任何避免学习新东西的东西......
我之前的答案对我有用了几个月，但现在不再有用了。当我尝试编译时，我在错误 window 中收到一条关于 CompilerConfig 模式问题的消息，但无法解决这个问题（谷歌搜索和 installing/uninstalling 都没有帮助）。
因此，另一种答案是使用 CompileSASS，它更简单 add-in，在线文档（少得多），但效果很好。我能看到的唯一缺点是：
- 生成的 CSS 与 SCSS 在同一个文件夹中，所以我不得不在我的网站上稍微移动一些东西来适应这个；和
- 据我所知，生成的CSS只是缩小了
安装 add-in 后（我使用的是 VS 2017），您可以进入“工具”>“选项”更改设置：
希望我现在可以复工了！顺便说一下，感谢所有 add-in 作者 - 不要抱怨。
简单回答：
- 同时编译 LESS 和 SASS 文件：Web Compiler or Web Essentials 2017（包括许多扩展名）
- 仅编译 SASS (SCss) 字段：CompileSass
- 只编译 LESS 文件：LESS Compiler