source-map：webpack开发环境和生产环境选择

[inline-|hidden-|eval-][nosources-][cheap-[module-]]source-map

• source-map:外部

  错误代码准确信息 和 源代码的错误位置

• inline-source-map:内联

  只生成一个内联source-map

  错误代码准确信息 和 源代码的错误位置

• hiddle-source-map:外部

  错误代码准确信息，但没有错误位置

  不能追踪源代码错误，只能提示到构建后代码的错误位置

• eval-source-map:内联

  每一个文件都生成对应的 source-map，都在eval函数内

  错误代码准确信息 和 源代码的错误位置

• nosources-source-map:外部

  错误代码准确信息，但没有任何源代码信息

• cheap-source-map:外部

  错误代码准确信息 和 源代码的错误位置

  只能精确到行

• cheap-module-source-map:外部

  错误代码准确信息 和 源代码的错误位置

  module 会将 loader 的 source-map 加入

内联和外部的区别

1. 外部生成了文件，内联没有
2. 内联构建速度更快

开发环境：速度快，调试更友好

• 速度快（ eval > inline > cheap > … ）

  eval