configurewebpack配置devtool

devtool是webpack的一个配置选项，用于指定如何生成source map。source map是一种将编译后的代码映射回原始源代码的技术，它可以帮助我们在调试代码时更容易地定位错误。

在webpack的配置文件中，可以通过设置devtool选项来指定生成source map的方式。常用的devtool选项有：

- eval：使用eval包裹模块代码，生成DataUrl形式的source map，不会单独生成source map文件，性能较好。
- source-map：生成单独的source map文件，通过//# sourceMappingURL=xxxxxx将source map链接到编译后的代码中，可以方便地进行调试，但会影响构建性能。
- cheap-source-map：生成单独的source map文件，但只包含行信息，不包含列信息，可以在不影响构建性能的情况下进行调试。
- cheap-module-source-map：生成单独的source map文件，同时包含行信息和module信息，可以在不影响构建性能的情况下进行调试。

举个例子，在webpack配置文件中，可以这样配置devtool选项：

module.exports = {
  devtool: 'source-map',
  //其他配置项
}

这样配置之后，webpack会生成一个单独的source map文件，同时在编译后的代码中添加//# sourceMappingURL=xxxxxx链接到这个source map文件。这个source map文件可以帮助我们在浏览器中进行调试。