webpack入门到进阶（七）- devtool

webpack配置devtool

 此选项控制是否生成，以及如何生成 source map。

一，为什么要控制source map的生成？

我们在开发的过程中，难免会遇到项目运行的报错信息，我们习惯于经常打开控制台，找到报错的文件，查看报错区域内容，方便我们更好的开发项目,，因此sourceMap出现了，它就是为了解决不好调式代码问题的。

二，选择何种 source map 格式呢？

选择一种 source map 格式来增强调试过程。不同的值会明显影响到构建(build)和重新构建(rebuild)的速度。

所以我们要根据开发环境，或者生产环境的不同需求配置不同的格式选项。

开发环境中

虽然官网提供好几种合适选项，结合构建速度的选择上，多数人都推荐使用这个选项：

（仅限行的意思） - source map 被简化为每行一个映射。这通常意味着每个语句只有一个映射（假设你使用这种方式）。这会妨碍你在语句级别上调试执行，也会妨碍你在每行的一些列上设置断点。与压缩后的代码组合后，映射关系是不可能实现的，因为压缩工具通常只会输出一行。我们又不需要考虑列的问题，所以仅限行就足够了。

生成环境中

(none)（省略 devtool 选项） - 不生成 source map。这是一个不错的选择。

哈哈哈。至此，我们应该就完成入门的学习了。接下来，在入门阶段过程中，还是需要多看文档比较好，我只是分享了下日常项目开发过程中的webpack的常用方法。

接下来，我会很好的分享进阶阶段的内容。做到内容尽可能充实。

写的不好的地方，多多指教！！!