source-map
source-map
[inline-|hidden-|eval-][nosources-][cheap-[module-]]source-map
一种提供源代码到构建后代码映射技术（如果构建后代码出错，通过映射可以追踪源代码错位）
1、使用：devtool:'source-map'
1）devtool值分类：
- source-map：生成外部.map文件，控制台输出错误代码准确信息和源代码的错误位置
- inline-source-map：生成一个内联source-map，在构建后代码文件之后，控制台输出错误代码准确信息和源代码的错误位置
- hidden-source-map：外部，控制台输出错误代码错误原因，但是没有错误位置，不能追踪代码错误，只能提示到构建后代码的错误位置
- eval-source-map:：内联，每个文件都生成对应的source-map，控制台输出错误代码准确信息和源代码的错误位置
- nosource-source-map：外部，控制台输出错误代码准确信息，但没有任何源代码信息
- cheap-source-map：外部，控制台输出错误代码准确信息和源代码的错误位置，只能精确到行，整行代码，只有部分出错，会提示整行
- cheap-module-source-map：外部，控制台输出错误代码准确信息和源代码的错误位置，module会将loader中source map加入
2）内联与外部的区别：1、外部生成了文件，内联没有，结合在构建后的js文件内； 2、内联构建速度更快
2、使用场景：
1）开发环境：速度快，调试更友好
eval-source-map or eval-cheap-module-source-map
2）生产环境：考虑源代码要不要隐藏，调试要不要友好
内联会让代码体积更大，所以在生产环境中不用内联
nosource-source-map全部隐藏
hidden-source-map只隐藏源代码，会提示构建后代码错误位置
常用：source-map or cheap-module-source-map
