Bower：那些 .map 文件是从哪里来的？

Question

我最近开始使用 Bower，我喜欢它（没有它我怎么活？）

但是当我安装 bootstrap 时，我在 bower_components 中下载了一堆文件，这很酷。

但是当我加载 html 页面时，我收到 404 错误：http://localhost:3000/assets/bootstrap/dist/css/bootstrap.css.map was not found.

这不是我提供服务的实际路径，因此未找到错误是正常的。

但我不明白从哪里需要这个文件以及它的用途是什么。你能帮我吗？

谢谢！

Answer 1

这与 Bower 无关，只是 Chrome 开发人员工具试图找到源映射以帮助调试。

您可以打开 Chrome 开发工具首选项并为 css 地图和 javascript 地图关闭该选项。

Answer 2

.map 文件 CSS source maps 与 bootstrap 一起分发，用于某些浏览器的开发人员工具。
如果您使用的是 Chrome 开发人员工具，CSS 源映射文件允许您在“源”面板中实时编辑 bootstrap Less 源文件，无需离开即可查看结果DevTools 或刷新页面。
您可以在 bootstrap.css 文件底部看到对 CSS 源映射的引用：

/*# sourceMappingURL=bootstrap.css.map */

您可以将 Chrome DevTools 配置为不使用 CSS 映射文件（DevTools 设置 > 关闭启用 CSS 源映射）或者只是从 bootstrap CSS 文件.

Bower：那些 .map 文件是从哪里来的？

Bower: Where do those .map files come from?

google-chrome-devtools

bower