1.什么是？
    image.png

    2.webpack开发环境下的SourceMap
    image.png

    2.1默认Source Map的问题
    image.png

    2.2 解决 默认Source Map的问题
    开发环境下，推荐在webpack.config.js中添加如下的配置，即可保证运行时报错的行数与源代码的行数保持一致
    image.png
    devtool:'eval-source-map'
    开发阶段调试使用
    image.png

    3.webpack生产环境下的Source Map
    image.png
    注意：在项目发布的时，关闭SourceMap

    4.1只定位行数 不暴露源码__ （好用！！）
    将devtool的值设置为nosources-source-map
    实际发布时用

    4.2定位行数 暴漏源码
    source-map

    5.source map最佳
    image.png