配置source-map

当文件中有错误时，且使用的模式是production，打包后的文件是压缩的形式，不好定位找到错误的位置。而source-map就是一个映射文件，点进去看到的错误是源码，而不是压缩后的格式，方便调试。

源码映射：会单独生成一个sourcemap文件，出错了会标识当前报错的列和行，主要有四种形式，需要在配置文件webpack.config.js中添加配置：

//1.增加映射文件，可以帮我们调试源代码
    devtool:'source-map'

打包后的目录dist下会增加一个新的映射文件

 

 映射成功

//2.不会产生单独的文件，但是可以显示行和列
    devtool: 'eval-source-map'

//3.不会产生列，但是是一个单独的映射文件，产生后可以保留起来，便于调试
    devtool: 'cheap-module-source-map'  //用的不是很多

//不会产生文件，而是集成在打包后的文件中，不会产生列
    devtool:'cheap-module-eval-source-map'