在 ASP 核心项目中编译 Bootstrap 4 SASS 以更改基本字体大小
Compile Bootstrap 4 SASS in ASP Core Project for changing base font-size
实际上我只是想更改 Bootstrap 4 的基本字体大小，经过我的研究我发现通常的解决方案是通过它的 _custom.scss 覆盖变量，我通过$font-size-root: 14px;，到目前为止一切顺利。
现在 Bootstrap 4 网站说我应该重新编译我的 sass...
坦率地说，我不是网络开发人员。我来自 C#，想玩弄 MVC6，现在我来了。
所以我有我的 Visual Studio 2015 Community Edition 和 ASP.NET Core Web Application 项目，它是 Microsoft 提供的原始项目模板，我只是将其更改为使用 Bootstrap 4作为凉亭依赖。
给我一个 wwwroot\lib\bootstrap 和一个 Gruntfile.js 和一个 package.json。
如何使用最少的工具和材料将我的 _custom.scss 重新编译为新的 \dist\css\boostrap.css。我的意思是因为已经有一个 gruntfile，我觉得一切都已经在那里了，我只是不知道如何执行 Gruntfile.js.
我尝试了 Task Runner Explorer 和 NPM Task Runner，然后 Grunt Launcher 它们似乎都不适用于嵌套的 wwwroot ...那么有什么方法可以轻松完成此操作，还是我是第一个这样做的人？
因此，在进行更多研究后，我设法让它以艰难的方式工作，但我想知道这是否真的应该是这样的？我确实在这里和那里找到了各种步骤，所以我不确定它们是否都是必需的，但永远不要接触 运行 构建系统 ;)))
无论如何，这是从我的 _custom.scss 到一个新的 bootstrap.css 所必需的：
- 下载并安装 Ruby
- 下载安装程序
- 运行 安装程序，不要忘记选中将 PATH 变量设置为 Ruby 的可执行文件
的选项
- 安装 Ruby 开发工具包
- 下载有关您刚刚安装的版本的存档文件（1.x.x / 2.x.x，32 位/64 位）
- 将存档解压缩到您的 ruby 安装文件夹中：
<RubyInstallationFolder>\DevKit
- 在该文件夹中打开控制台 (cmd.exe) 并执行以下命令：
ruby dk.rb initruby dk.rb reviewruby dk.rb install
然后安装sass、bundler和scss lint，仍然在控制台中通过：
gem install sassgem install bundlergem update --system && gem install scss-lint
通过以下方式安装 Visual Studio 扩展 "Grunt Launcher"：
https://marketplace.visualstudio.com/items?itemName=PaoloNicodemo.GruntLauncher
打开您的解决方案并编辑您的 Bootstrap grunt 文件
- 打开
~\lib\bootstrap\Gruntfile.js
- 在最后一个注册任务后添加行
grunt.loadNpmTasks("grunt-sass");
此外，如果您使用默认的 Bootstrap4 包，则有一个 qunit 任务会因警告而停止 Grunt，您必须添加 force 选项，所以您最终与：
qunit: {
options: {
force: true,
inject: 'js/tests/unit/phantom.js'
},
files: 'js/tests/index.html'
},
现在您终于可以执行 Grunt 文件了：
- 右键单击您的 bootstrap
Gruntfile.js -> Grunt -> Grunt
- 将输出 window 切换为
Grunt execution 以查看状态
- 现在你应该有一个更新的
bootstrap.css 和 font-size: 14px
您尝试过 Visual Studio 的 Web Essentials 吗？我将它与 VS2017 一起使用 bootstrap 3.x sass。我所要做的就是用鼠标右键单击 _bootstrap.sass 然后 select Web Compiler -> Compile。您必须指向新文件或使用其他机制复制到 /dist。
实际上我只是想更改 Bootstrap 4 的基本字体大小，经过我的研究我发现通常的解决方案是通过它的 _custom.scss 覆盖变量，我通过$font-size-root: 14px;，到目前为止一切顺利。
现在 Bootstrap 4 网站说我应该重新编译我的 sass... 坦率地说，我不是网络开发人员。我来自 C#，想玩弄 MVC6，现在我来了。
所以我有我的 Visual Studio 2015 Community Edition 和 ASP.NET Core Web Application 项目，它是 Microsoft 提供的原始项目模板，我只是将其更改为使用 Bootstrap 4作为凉亭依赖。
给我一个 wwwroot\lib\bootstrap 和一个 Gruntfile.js 和一个 package.json。
如何使用最少的工具和材料将我的 _custom.scss 重新编译为新的 \dist\css\boostrap.css。我的意思是因为已经有一个 gruntfile，我觉得一切都已经在那里了，我只是不知道如何执行 Gruntfile.js.
我尝试了 Task Runner Explorer 和 NPM Task Runner，然后 Grunt Launcher 它们似乎都不适用于嵌套的 wwwroot ...那么有什么方法可以轻松完成此操作，还是我是第一个这样做的人？
因此，在进行更多研究后，我设法让它以艰难的方式工作，但我想知道这是否真的应该是这样的？我确实在这里和那里找到了各种步骤，所以我不确定它们是否都是必需的，但永远不要接触 运行 构建系统 ;)))
无论如何，这是从我的 _custom.scss 到一个新的 bootstrap.css 所必需的：
- 下载并安装 Ruby
- 下载安装程序
- 运行 安装程序，不要忘记选中将 PATH 变量设置为 Ruby 的可执行文件 的选项
- 安装 Ruby 开发工具包
- 下载有关您刚刚安装的版本的存档文件（1.x.x / 2.x.x，32 位/64 位）
- 将存档解压缩到您的 ruby 安装文件夹中：
<RubyInstallationFolder>\DevKit - 在该文件夹中打开控制台 (cmd.exe) 并执行以下命令：
ruby dk.rb initruby dk.rb reviewruby dk.rb install
然后安装sass、bundler和scss lint，仍然在控制台中通过：
gem install sassgem install bundlergem update --system && gem install scss-lint
通过以下方式安装 Visual Studio 扩展 "Grunt Launcher"： https://marketplace.visualstudio.com/items?itemName=PaoloNicodemo.GruntLauncher
打开您的解决方案并编辑您的 Bootstrap grunt 文件
- 打开
~\lib\bootstrap\Gruntfile.js - 在最后一个注册任务后添加行
grunt.loadNpmTasks("grunt-sass"); 此外，如果您使用默认的 Bootstrap4 包，则有一个 qunit 任务会因警告而停止 Grunt，您必须添加 force 选项，所以您最终与：
qunit: { options: { force: true, inject: 'js/tests/unit/phantom.js' }, files: 'js/tests/index.html' },
- 打开
现在您终于可以执行 Grunt 文件了：
- 右键单击您的 bootstrap
Gruntfile.js -> Grunt -> Grunt - 将输出 window 切换为
Grunt execution以查看状态 - 现在你应该有一个更新的
bootstrap.css和font-size: 14px
- 右键单击您的 bootstrap
您尝试过 Visual Studio 的 Web Essentials 吗？我将它与 VS2017 一起使用 bootstrap 3.x sass。我所要做的就是用鼠标右键单击 _bootstrap.sass 然后 select Web Compiler -> Compile。您必须指向新文件或使用其他机制复制到 /dist。