如何在 Visual Studio 2017 中编译 Less/Sass 文件

Question

在 VS <= 2015 中，我们可以使用 WebEssentials 扩展来为我们编译 less/sass 文件，但目前它不支持 VS 2017。是否有类似的扩展可以在构建时编译 Less/Sass？

原文由 Mihail Shishkov 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

WebEssentials 被拆分为多个扩展。我相信您想要的功能现在在 Web 编译器 扩展中。

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

原文由 Jimmy 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

更新 - 我添加 了一个额外的答案，因为这个答案似乎不再适合我。

对于那些像我一样不知道 Gulp、Grunt、Shriek 或 Wail 并且不想知道的人，您可以让 Visual Studio 2017 自动编译您的 SCSS 文件，就像在 Visual Studio 2015 中一样。以下步骤对我有用。

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

转到 VSIX 库下载页面 并选择下载 Web 编译器。

请注意，我首先通过在 Visual Studio 中选择 工具/ 扩展和更新 来完成此操作。虽然这似乎可行，但我发现当我对它们进行更改时，我的部分 SCSS 文件并没有自动编译为 CSS（我 不是唯一的）。

您现在应该能够右键单击您的主 SCSS 文件并选择如下所示的选项，这应该会自动在您的项目的根目录中创建一个名为 compilerconfig.json 的文件（如果您已经有此文件，则可能不需要此步骤） :

从这一点开始，一切似乎都正常。呸！顺便说一下，感谢 Mads Kristensen 的这个扩展 - 任何避免学习新东西的东西……

原文由 Andy Brown 发布，翻译遵循 CC BY-SA 4.0 许可协议