@FarmerZ
2017-02-21T01:42:32.000000Z
字数 1053
阅读 557
这个选项控制怎样生成 Source Maps
string false
选择一种风格实现过程调试。这些值可能很影响编译速度。
| devtool | build | rebuild | production | quality |
|---|---|---|---|---|
| eval | +++ | +++ | no | 生成代码 |
| cheap-eval-source-map | + | ++ | no | 转换代码(行仅) |
| cheap-source-map | + | o | yes | 转换代码(行仅) |
| cheap-module-eval-source-map | o | ++ | no | 转换代码(行仅) |
| cheap-module-source-map | o | - | yes | 源的代码(行仅) |
| eval-source-map | -- | + | no | 源的代码 |
| source-map | -- | -- | yes | 源的代码 |
| nosource-source-map | -- | -- | yes | 没有源的代码 |
其中一些适合开发，一些适合生产。开发时你想要的是快速获得source map，但是生产你想要独立的sourc maps。
在谷歌浏览器（chrome）中source map有一些问题.
eval -每个模块通过eval()和//@sourceURL执行。速度快，主要的问题是不会显示行信息，因为它映射的是转换后的代码而不是源代码。
inline-source-map -相当于打包后的代码的映射——数据连接。
eval-source-map -每个模块通过eval()执行，通过dataUrl添加映射。首先，他有点慢。但是重新编译时速度很快，并且基于真实文件，并且现实行信息。
cheap-module-eval-srouce-map 很像eval-source-map每个模块通过eval()执行，映射基于dataUrl。他的“cheap”是因为他没有列映射，只有行映射。
source-map -所有的映射将被另独立为一个文件。并且带有注释信息。
hidden-source-map -同于source-map,但是不带有注释信息，如果你只想追踪错误信息且不想公开浏览器的开发工具，会很有用。
cheap-source-map一个没有列追踪的映射文件。
cheap-module-source-map没有列信息，另独立的但追钟到每一行的映射文件。
nosource-source-map -没有sourceContent在内的映射。客户端追踪但是不想公开源文件的追踪，很有用。
查看
output.sourceMapFilename来定义生成的映射文件的名字。
这个页面需要更多的信息方便用户选择。