# 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：没有模块映射，而是命名模块。以牺牲细节达到最快。