source-map 非常实用(7)

source-map

作用: 构建后代码出错,可以定位到源码错误位置

在webpack。config.js 中设置

有多种选项,可以分成内联和外联

外联:

下面圈起来的是外联

内外区别:

 外联:外部生成文件,内联没有

内联:构建速度更快

下面说几个选项的作用

source-map:

      错误原因:

                 

      错误位置:

                 

hidden-source-map:

    有错误原因,但是找不到错误位置(为了安全)

  

eval-source-map:

每个文件都有对应的source-map,可以找到准确位置和准确信息,inline-source-map 只有一个source-map

      

cheap-source-map:

  有错误信息,错误准确的是行

  

 ------------------------------------------

所以开发选 eval-source-map,生产(上线)选 source-map

原文地址:https://www.cnblogs.com/yanghai/p/14344033.html