阅读数:113 评论数:0

一、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代表不生成。