开发过程利器, bundle文件 转换成可以调试的文件

开发环境会开启, 生产环境关闭

sorcemap类型 对源码暴露等级

image.png

eval 有对应的地址链接到 sore map

sorce map : 分离文件

cheap: 只能定位到第几行报错了

inline: 把source map内联到bundle

下面是根据这些进行排列组合

devtool: eval

会指定这个压缩的代码是指向哪个资源文件

image.png

devtool: source-map

sourcempa 会跟bundle文件分类

image.png

devtool: inline-source-map

把source map文件也内联到 bundle中

调试

source-map 有助于调试, 如果没有开启, debugger看大的是buddle代码

image.png

开启之后,调试起来就很方便

image.png

cheap-source-map 报错堆栈只有行的信息

image.png

只提示40行有错误, 没有第几列的信息