我的 ASP MVC .net 应用程序中如何生成“scss”目录？答案

【问题标题】：How is the "scss" directory generated in my ASP MVC .net application?我的 ASP MVC .net 应用程序中如何生成“scss”目录？
【发布时间】：2021-06-09 07:23:28
【问题描述】：

我使用 Visual Studio 2019 开发 Web ASP.NET MVC 应用程序。

当我使用浏览器调试器 F12 调试或执行我的 Web 应用程序时，我可以在源菜单（查看照片）中看到我的页面基于位于 scss 中的 sccs 样式表目录。

如何生成这个目录？为什么大多数 css（来自引导程序）都被翻译成 sass 文件？是因为生成捆绑包的 Web.Optimization 包吗？我不明白这个过程及其用途。

有人可以回答我的问题吗？

有关信息，我使用 NuGet 安装了 bootstrap 4.5.3，我注意到在项目资源管理器的“Content”目录中创建了几个文件（bootstrap-grid.css.map、bootstrap-reboot.css.map 等）。所以我认为引导程序可能是像_reboot.scss这样的scss文件的原因。

【问题讨论】：

标签： css asp.net-mvc model-view-controller sass

【解决方案1】：

Scss 文件被（通过引擎Sass）翻译成 css。只有那些文件浏览器可以理解。

我认为图片中的文件只是在公共文件夹中。

(*.map, *.min.css, etc) 文件是可选的。

在 Bootstrap 文档中是这样写的：

编译和缩小的 CSS 和 JS (bootstrap.min.)。 CSS 源映射 (bootstrap..map) 可用于某些浏览器的开发者工具

https://getbootstrap.com/docs/3.4/getting-started/#whats-included-precompiled

最小化文件的大小已经过优化，地图有助于开发者工具的使用。

【讨论】：

我的思维进步了。我删除了所有引导文件（*.map、*.min.css 等），只保留了 bootstrap.css 和 bootstrap.js....而且我的 Web 应用程序仍然有效！在 Edge 中使用 F12 键，我的样式现在基于 css bootstrap.css。所以所有这些被删除的文件都没用......有人能解释一下为什么吗？
我已经编辑了我的答案。因此，如果您不想使用缩小样式，则也不需要地图。
为了更好地了解用于调试 Web 应用程序的文件 .map 的存在，请阅读Use_a_source_map

【解决方案2】：

谢谢阿潘。

最后，我只能保留 bootstrap.css 和 js 这两个文件，因为 MVC 通过捆绑过程将它们最小化。

【讨论】：