Google chrome devtools 鲍尔:那些.map文件来自哪里?

Google chrome devtools 鲍尔:那些.map文件来自哪里?,google-chrome-devtools,bower,Google Chrome Devtools,Bower,我最近开始在鲍尔工作,我喜欢它,没有它我怎么能活下去 但是当我安装say bootstrap时,我在bower_组件中下载了一堆文件,这很酷 但当我加载html页面时,我收到一个404错误:http://localhost:3000/assets/bootstrap/dist/css/bootstrap.css.map 找不到 这不是我提供服务的实际路径,因此未找到的错误是正常的 但我不明白这个文件是从哪里来的,它的目的是什么。你能帮我吗 谢谢 这与bower无关,只是Chrome开发者工具试图

我最近开始在鲍尔工作,我喜欢它,没有它我怎么能活下去

但是当我安装say bootstrap时,我在bower_组件中下载了一堆文件,这很酷

但当我加载html页面时,我收到一个404错误:http://localhost:3000/assets/bootstrap/dist/css/bootstrap.css.map 找不到

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

但我不明白这个文件是从哪里来的,它的目的是什么。你能帮我吗


谢谢

这与bower无关,只是Chrome开发者工具试图找到源映射以帮助调试

您可以打开Chrome开发工具首选项,并关闭css映射和javascript映射的选项。

这些.map文件是使用引导程序分发的css,用于某些浏览器的开发工具。 如果您使用的是Chrome开发者工具,CSS源映射文件允许您在“源”面板中实时编辑无引导源文件,并查看结果,而无需离开DevTools或刷新页面。 您可以在bootstrap.CSS文件的底部看到对CSS源映射的引用:

/*# sourceMappingURL=bootstrap.css.map */
您可以将Chrome DevTools配置为不使用CSS映射文件DevTools Settings>禁用启用CSS源映射,或仅从引导CSS文件中删除注释