关于bootstrap.min.js.map报错404的问题

相信很多用过BootStrap框架的伙伴都遇到过bootstrap.min.js.map 404的错误，明明自己并没有去调用这个文件为什么会报这个错误呢？

小沫就和你们聊聊关于bootstrap.min.js.map里map的故事。

1、什么是 Source Map

map指的是source map，它是源文件压缩后的一种形式，一般source map的命名都是根据源文件命名的，如源文件 bootstrap.min.js 压缩后会变成 bootstrap.min.js.map，一般储存位置也是和源文件同目录。

2、Source Map 的优点

   （1）压缩，减小体积。比如一个javascript的源码大小为 200kb，压缩后的的小约为30kb-40kb。

   （2）多个文件合并，减少HTTP请求数。

   （3）其他语言编译成JavaScript。最常见的例子就是CoffeeScript。

   （4）方便开发者代码调试，如果有一些JS报错，那么浏览器会通过解析这个map文件来重新merge压缩后的js,使开发者可以用未压缩前的代码来调试，这样会给我们带来很大的方便！

3、关于 Source Map 报错404的解决方案

 第一种方案：一般在源文件的最后一行有这么一句话：

//@ sourceMappingURL=bootstrap.min.js.map

//直接删除就好了，如果有css文件也是如此

第二种方案：在官方的文档里下载对应的map文件放在源文件的同级目录里。

第三种方案：把chorme文件的工具-->开发者工具-->设置-->Enable source maps勾去掉，去掉这个勾，jquery就不会去下载source map文件了！

写在最后：目前只有Chrome内核浏览器才支持这个功能。关于 Source Map 还有很多有趣的属性等待你的探索