webpack productionSourceMap devtool

阅读数:2 评论数:0

跳转到新版页面

分类

html/css/js

正文

一、devtool

devtool用作调试,它的配置有很多种:

1、eval

每个模块用eval执行,并且存在@sourceUrl,就是说这种配置的devtool,在打包的时候,生成的bundle.js,模块都被eval包裹,并且后面跟着sourceUrl,指向的是原文件index.js,调试的时候,就是根据这个sourceUrl找到index.js文件。

2、source-map

这种配置会生成一个带有.map文件,这个map文件会和原始文件做一个映射,调试的时候,就是通过这个.map文件去定位原来的代码位置的。

3、cheap

就是打包的时候map文件不会保存原始代码的列位置信息,只包含行位置信息。

二、productionSourceMap

是打包后是否让每个js文件都生成一个.map文件,true代表生成,false代表不生成。