Webpack设置代码映射，可调试打包后的代码

当我们的代码打包过后再看源码就会变成下面这个样子：

这时候我们就调试不了我们的代码

 解决方式：

在webpack.config.js中添加如下代码：

module.exports = {
    mode: "development", // 设置打包的模式：production生产模式  development开发模式
    devtool:"inline-source-map"
}

在调试台中找到 src文件夹下的index.js文件，即为代码源码