总结：

1)-> 开发环境：

  1. devtool: 'cheap-module-eval-source-map',

代码提示比较清晰、打包速度不是很慢，开发环境配置 2)-> 生产环境

  1. devtool: 'cheap-module-source-map'; 打包一次

提示较清晰、打包速度不是很慢、指向映射文件。。
image.pngimage.png

一、dvtool配置

  1. devtool: none; 表示关闭调试工具

image.png
关闭之后、报错找不到正确位置.. 且报错的位置 不是 打包之前的源码
是：打包之后 的代码 报错的 位置…
image.png
image.png
devtool 配置项、到官网进行查看
image.png

二、不同devtool出现的情况：

  1. devtool: 'source-map':

    在打包的同时生成一个.map的映射文件
    image.pngimage.png

  2. devtool: 'inline-source-map':

打包之后不生成.map映射文件，生成**base64**字符串; //sourceMappingURL=xxx告诉我们映射文件的位置……
如果报错的话：告诉我们打包前的源码上：第几行第几列发生错误
image.pngimage.png

  1. devtool: 'inline-cheap-source-map'

打包之后不生成.map后缀的文件，生成**base64**格式；但是如果报错，指向打包后的**js**文件，不指向源文件
如果报错的话：告诉我们打包前的源码上：精确到行数
第三方模块报错，不会去管
image.png
devtool: 'inline-cheap-source-map';
第三方模块报错、也会去管
image.png

  1. devtool: eval;

打包速度最快、不会生成.map映射文件
如果报错：浏览器提示不准确…….
image.png