# devtool 因為 JS 的模塊是打包到一個文件中執行的，如果這些模塊中有錯誤，則無法知道具體錯誤的代碼在哪個模塊中。 開啟 devtool 之后，webpack 在打包時會生成一些額外的信息，通過這些信息瀏覽器就可以定位到具體出錯的文件。 開啟方式： 在配置文件中添加 `devtool: "source-map"`。 開啟之后再打包會生成一個 `.map` 文件，這個文件中保存了錯誤映射的信息，這個文件我們不用動。 值除了有 `source-map` 之外，還有 - inline-source-map： // map 信息嵌入到打包的文件中 - eval-source-map：// 將 SourceMap 嵌入到每個模塊中 - hidden-source-map ：SourceMap 不在源文件中引用 - cheap-source-map ：沒有模塊映射(module mappings)的 SourceMap 低級變體(cheap-variant) - cheap-module-source-map：// 有模塊映射(module mappings)的 SourceMap 低級變體 - eval：沒有模塊映射，而是命名模塊。以犧牲細節達到最快。