【webpack】webpack的devtool可选项的解释

• eval：使用eval包裹模块代码，生成代码片段，启用sourceURL的方式，不单独生成 source map文件。
• source-map：为每个源文件生成单独的 source map 文件，最完整、最慢也最安全的source map选项。它会向额外生成的文件里引用源文件的位置，以映射到构建后的代码，同时可以同时定位到源代码的错误，速度会变慢。
• cheap-source-map：创建单独的 SourceMap 文件，但不包含列映射(column-mapping)，这个映射只能告诉你所在的行，却不能告诉你具体的位置，因此速度会更快。
• cheap-module-source-map：与cheap-source-map类似，但是会定位到源代码中的module中的错误位置。
• inline-source-map：SourceMap 文件以 DataURL 的形式嵌入到 JavaScript 文件中，不会再生成单独的 SourceMap 文件，因为 SourceMap 文件和 JavaScript 文件是一个文件。
• eval-source-map：每个module会通过eval()来执行，并且SourceMap也会每个module内嵌入，然后追踪到每个行和列，速度相对较快。
• hidden-source-map：同source-map，但不会在构建后的代码中留下任何的映射代码，可以隐藏 source map。