sourceMap的作用（webpack学习篇6）

sourceMap解决的问题：当我们使用webpack打包代码出错的时候， 如果不用它，我们只能知道打包后的代码第几行出错，并不知道对应源代码哪里出了错，所以需要它来做源代码和目标代码的映射。即可快捷的定位错误代码的具体位置。

看个具体例子：（项目目录如下）

不使用sourceMap的情况

webpack.config.js配置文件

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const {
    CleanWebpackPlugin } = require('clean-webpack-plugin');

module.exports = {
   
    mode: 'development', // 开发者模式，sourceMap已经默认