当前位置 > it书童 > webpack > 正文

webpack 使用 sourcemap 定位错误

webpack it书童 2020-02-08 11:00:25 0赞 0踩 102阅读 0评论

sourcemap 是一个映射关系,反映编译代码与源代码的关系

默认情况下有开启 sourcemap,可以手动关闭

devtool: 'none',

关闭后,代码写错时,提示的位置是编译的代码

开启 sourcemap

devtool: 'cheap'

能定位到具体我们编写的 js 源码

加上 cheap 的性能更好,只定位到行,不具体到列,且默认只映射业务代码,不管第三方模块的映射 如果要管第三方模块,加 module

最佳实践:

  • 开发环境用 eval source-map 均可

  • 生产环境配置为 cheap-module-source-map

转载须注明出处:https://www.itshutong.com/articles/420/webpack-uses-sourcemap-to-locate-errors
关于我
一个文科出身的程序员,追求做个有趣的人,传播有价值的知识,微信公众号主要分享读书思考心得,不会有代码类文章,非程序员的同学请放心订阅
发表评论
我有句话,不知当讲不当讲?
要讲之前请先 登录