这两天在组里协助排查一个 webpack dev 环境下重载时内存溢出的问题,现象是 webpack-dev-server 启动的过程中,在 node 10.xx
的环境下,一旦修改文件工程自动 reload 时会出现内存溢出导致服务直接中断。
排查原因,最终发现原来是脚手架在配置开发环境的 devtool
配置时,为了方便开发者 DEBUG,设置成了 cheap-module-source-map
,在代码修改时触发自动 load,在 loader 编译映射 sourcemap 的时候溢~出~了~,本文不会说明为什么溢出,排查的过程以及解决,其实花的时间也不长,重点说明一下 sourcemap 的作用以及使用过程的几点个人思考。