soure-map是什么?
一种提供源代码到构建后代码的映射关系的技术。
(如果构建后代码出错了,通过映射关系可以追踪到源代码的错误,从而去更改源代码,易于调试。)
怎么用?
devtool:'source-map',
使用webpack命令打包后,会在build文件下生成一个.source-map文件。
常见的几种source-map类型
source-map:外部
- inline-source-map:内联
1。只生成一个内联的source-map - hidden-source-map:外部
- eval-source-map:内联
1。每一个文件都生成对应的source-map.都在eval函数中。sourceURL。
内联和外部的区别:
外部生成了文件,内联没有。
内联构建速度更快。 - nosources-source-map:外部
- cheap-source-map:外部
- cheap-module-source-map:外部