引导 4 SASS 和 ASP.NET5答案

【问题标题】：Bootstrap 4 SASS and ASP.NET5引导 4 SASS 和 ASP.NET5
【发布时间】：2016-05-08 18:15:14
【问题描述】：

我想将 bootstrap 4 alpha SASS 版本与 ASP.NET 5 应用程序一起使用。到目前为止，我发现安装它并简化工作流程非常困难。他们有他们的 Grunt 文件，可以创建 css 和 js 文件以及它们的最小版本，但我看不到一个好的工作流程的干净方法。

我想要达到的最低限度：

理想情况下，它应该与从 .cshtml 生成的页面上的浏览器链接一起使用。我想避免像引导程序建议的那样安装 Ruby 的东西。

到目前为止，我尝试使用 Web Compiler 扩展，但它不理解 bootstrap 的 SCSS，因为它们不会相互 @import。并且 gulp 或 grunt 可用于合并/缩小 Web 编译器的结果，但我不知道如何在 .SCSS 事件内的 Ctrl+S 上分配 gulp/grunt 任务。

【问题讨论】：

【解决方案1】：

在 Visual Studio 中使用 Grunt（或 Gulp）编译 SASS 或 LESS 相对简单。我已经写了一个关于如何compile SASS using Grunt in Visual Studio的指南

在 Visual Studio 中运行 Grunt/Gulp 任务所需的主要工具是 Task Runner Explorer（随 VS2015 提供）。这将运行您的任务并允许您在编译或保存时执行此操作。 Scott Hanselman 对此有一个post。

【讨论】：

我也倾向于 Gulp。插件实在是太多了，实在是太牛了。因为使用 Web Essentials，您会收到有关供应商特定属性的警告，Web 编译器在保存时提供 .css 和 .min.css，TypeScript 使用 VS 进行转译，但最终您需要将其全部放在 wwwroot 上并组合，然后您需要吞咽。因此，编写一个大的 Gulp 任务可能更容易，它执行 SASS 编译、缩小、连接、自动前缀并将其移动到 wwwroot，然后禁用所有这些附加组件:(
@AndreyBiryulin 从长远来看肯定会更好地创建自己的 gulp 任务。它为您提供了更大的灵活性和对您正在做的事情的控制。此外，它是项目的一部分，您无需开发人员安装 x、y 和 z 扩展即可编译。