一 、 从Sourcemap和Data URL说起

（1）什么是Sourcemap?

我们在打包中，将开发环境中源代码经过压缩，去空格，babel编译转化，最终可以得到适用于生产环境的项目代码，这样处理后的项目代码和源代码之间差异性很大，会造成无法debug的问题。

举例来说，如果压缩等处理过的生产环境中的代码出现bug，调试的时候只能定位到压缩处理后的代码的位置，无法定位到开发环境中的源代码。

sourcemap就是为了解决上述代码定位的问题，简单理解，就是构建了处理前的代码和处理后的代码之间的桥梁。主要是方便开发人员的错误定位。这里的处理操作包括：

I）压缩，减小体积

II）将多个文件合并成同一个文件

III）其他语言编译成javascript，比如TypeScript和CoffeeScript等

（2）什么是DataURL?

DataURL最早是出现在HTML文件img标签中的关于图片的引用，DataURL提供了一种将图片”嵌入”到HTML中的方法。

转  :  https://blog.csdn.net/liwusen/article/details/79414508

http://www.ruanyifeng.com/blog/2013/01/javascript_source_map.html

最新文章

1. ASP.NET MVC5+EF6+EasyUI 后台管理系统（31）-MVC使用RDL报表
2. jsonp解决跨域
3. PERL/LEX/YACC技术实现文本解析--XML解析
4. C++中new和delete的背后
5. Java 操作符
6. linux 查看系统状态方法
7. Linux多线程之同步2 —— 生产者消费者模型
8. ural1221. Malevich Strikes Back!
9. Kinect For Windows V2开发日志五：使用OpenCV显示彩色图像及红外图像
10. Java [leetcode 34]Search for a Range
11. centos7 jsoup java.net.UnknownHostException
12. FJ省队集训DAY2 T2
13. Is Fibo
14. 洛谷 [P3254] 圆桌问题
15. spring boot actuator 简单使用
16. centos6.5中rpm包安装mysql5.7（初始化出错如何解决）
17. Linux OpenGL 实践篇-3 绘制三角形
18. [转]语言模型训练工具SRILM
19. css文字效果（文字剪贴蒙版，text-shodow的应用，文字排版等…）
20. python收集jvm数据

热门文章

1. springboot学习入门简易版三---springboot2.0启动方式
2. kubernetes master节点部署（三）
3. STL的sort函数是使用什么排序算法的？
4. Codeforces #364 (Div. 2) D. As Fa（数学公式推导 或者二分）
5. 混合应用 微信登录授权 微信登录认证失败 ios PGWXAPI错误-1 code:-100 / 安卓 message:invalid appsecret innerCode:40125
6. 1. let与const
7. BZOJ1209 最佳包裹 （三维凸包 增量法）
8. Swap Without Extra Variable
9. 使用Costura.Fody插件将自己写的程序打包成一个可以独立运行的EXE文件
10. Greenplum 执行计划之广播与重分布