乐趣区

关于前端:webpackwebpack的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。
退出移动版