调试node_modules中安装的第三方包的几个注意点

请教一下，前端项目上，大家怎么调试引入的第三方的包的？
参考https://www.v2ex.com/t/812306

首先明确需求，要能在调试过程中看到 未build/打包 的第三方包源代码
如果只需要看到build打包后的，就很简单了。比如说vue(2)，用这个https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js就行（不是.min的就行，min的压缩了完全没有变量名什么的了）。

1 npm link
没有解决关键问题，还是看到的build打包后的
2

可以调试，首先你应该直接引用 src 里面的入口文件而不是 dist 目录，其次你要在所有 loader 配置里单独 include 这个模块（因为一般 loader 都是排除了一 node_modules 的），目的是开启 sourcemap ，简而言之就是把第三方包的源码当作你自己写的源码来用

“要在所有 loader 配置里单独 include 这个模块”，这块没看懂什么意思。所以直接import src里的入口文件是不行的，@/这种路径解析不了，不对，然后就需要修改各种@/的路径，太麻烦了。所以还是下边的方法更方便点。
3

克隆到对应版本的源码，然后 build 出来，一般 build 出来会有未压缩的版本，esm 最好，package.json 中的入口改为对应 build 出来的 js ，然后使用 npm link 过去，或者用 yarn workspace 构建一个工作区，就能调试到源码了，使用 IDE 自带的断点工具体验还能更好些

这里就是关键了，关键是得重新build一下，build的时候要改一下选项（webpack/vue-cli来说，是改productionSourceMap或devtool选项），来启用sourcemap，生成有sourcemap的文件。比如vue.js.map。