eval: それぞれのモジュールはevalとして実行され//@ sourceURLが付けられますsource-map: SourceMapを完全に別ファイルとして生成します。output.sourceMapFilenameで設定が可能ですhidden-source-map:source-mapと同様SourceMapを別ファイルとして生成しますがバンドルに参照コメントを含みませんinline-source-map: SourceMapはDataUrlとしてバンドルされますeval-source-map: それぞれのモジュールはevalとして実行され、SourceMapはDataUrlとしてevalに追加されますcheap-source-map: SourceMapは列を無視して生成されます。loaderで読み込まれたSourceMapは無視されます。cheap-module-source-map: SourceMapは列を無視して生成されます。ロードされたソースマップを1行に1つのマッピングに単純化されます。
| devtool | build | rebuild | production | quality |
|---|---|---|---|---|
| eval | +++ | +++ | no | generated code |
| cheap-eval-source-map | + | ++ | no | transformed code (lines only) |
| cheap-source-map | + | o | yes | transformed code (lines only) |
| cheap-module-eval-source-map | o | ++ | no | original source (lines only) |
| cheap-module-source-map | o | - | yes | original source (lines only) |
| eval-source-map | – | + | no | original source |
| source-map | – | – | yes | original source |
他にもこれらを組み合わせて設定することができるようです。