Bootstrap 4 SASS 和 ASP.NET5

Bootstrap 4 SASS and ASP.NET5

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

我至少要达到的目标:

  1. 项目中某处有bootstrap.SCSS/.JS文件
  2. 每当我在 .SCSS 中更改某些内容并保存它时,应该将 .SCSS 转换为 .CSS,合并并缩小它们。 JS 也一样

理想情况下,它应该在从 .cshtml 生成的页面上与浏览器 Link 一起使用。 我想避免按照 bootstrap 的建议安装 Ruby 东西。

到目前为止,我尝试使用 Web 编译器扩展,但它不理解 bootstrap 的 SCSS,因为它们不相互 @import。 gulp 或 grunt 可用于 Web 编译器的 combine/minify 结果,但我不知道如何在 .SCSS 事件中按 Ctrl+S 分配 gulp/grunt 任务.

使用 G运行t(或 Gulp 就此而言)编译 SASS 或 LESS 在 Visual Studio 中相对简单。我已经写了一篇关于如何 compile SASS using Grunt in Visual Studio

的指南

Visual Studio 运行 Grunt/Gulp 任务需要的主要工具是 Task Runner Explorer (shipped with VS2015). This will run your tasks and allow you to do this on compile or on save. Scott Hanselman has a post 这个。