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已经默认