使用 source map踩坑

最新推荐文章于 2024-10-12 17:02:10 发布

小蔡来了

最新推荐文章于 2024-10-12 17:02:10 发布

阅读量809

点赞数

分类专栏： webpack2

本文链接：https://blog.csdn.net/weixin_48462578/article/details/115220052

版权

本文介绍了在使用source map过程中遇到的问题及解决方法，重点在于webpack配置中的`devtool`选项，尤其是`eval-cheap-module-source-map`的使用。当出现错误提示无法正确跳转到源代码时，可能需要检查是否启用了`webpack.HotModuleReplacementPlugin`，将其注释掉可能能解决问题。

摘要由CSDN通过智能技术生成

使用 source map踩坑

source map作用：告诉打包后你那行代码出错，控制台点击红色报错跳到错误行

主要在webpack.config.js配置中加上下面配置
devtool:‘eval-cheap-module-source-map’,

我滴奶奶没效果，

最终发现：需要把配置的new webpack.HotModuleReplacementPlugin()注释掉

全部代码

const path = require('path') //绝对路径,__dirname代表当前的项目路径下
const VueLoaderPlugin = require('vue-loader/lib/plugin')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const