一种提供源代码到构建后代码映射后技术，（如果构建后代码出错了，通过映射可以追踪到源代码错误），只需在webpack.config.js中添加devtool:'source-map'即可

source-map:（外联）错误代码准确信息 和 源代码的错误位置

inline-source-map:内联 （只生成一个内联soure-map）错误代码准确信息 和 源代码的错误位置

hidden-source-map:外联  错误代码错误原因，但是没有错误位置。不能追踪源代码错误，只能提示到构建后代码的错误位置。

eval-sourece-map：内联（每一个文件都生成对应的source-map）错误代码准确信息 和 源代码的错误位置

nosources-source-map:外联（ 外部）错误代码准确信息，没事没有任何源代码的错误

cheap-source-map：外联（外部）错误代码准确信息 和 源代码的错误位置，但是只能精确到行。

cheap-module-source-map:外联（外部）错误代码准确信息 和 源代码的错误位置，但是只能精确到行。module会将loader的source map加入

 

开发环境：速度快（eval>inline>cheap），调试更友好

速度快：

eval-cheap-source-map

eval-source-map

调试更友好：

souvrce-map

cheap-module-source-map

cheap-source-map

综合：eval-source-map / eval-cheap-module-source-map

 

生产环境：源代码要不要隐藏，调试要不要更友好？

内联会让代码体积变大，所以在生成环境上不用内联。

hidden-source-map：全部隐藏

 nosources-source-map:：只隐藏源代码，会提示构建后代码错误信息

-->source map / cheap-module-source-map