ob 插件怎么源码调试呢?

我想只在插件开发过程中怎么源码调试?

试了一些方案都没有办法源码调试,就算在插件目录 .obsidian/plugins/ 运行 npm run dev 然后再启动 obsidian 也没法源码调试,只能看到编译之后的 js 文件。

网上也没有找到可以源码调试插件的方法

很多办法,基本思路就是生成一个插件文件夹,里面包好main.jsmanifest.jsonstyles.css

所以办法包括:

  1. 利用打包工具比如官方模板的esbuild,直接在插件目录 .obsidian/plugins/下生成打包后的文件夹。
  2. 手动复制
  3. 软链接到插件目录
  4. 就在插件目录 .obsidian/plugins/下生成项目

这些东西都可以在开源的插件项目里学到

生成后的都不是源码,而是编译后的js文件,基本没法调试。

我的问题不是怎么开发插件,而是怎么开发过程中怎么源码调试,现在是只能通过log来调试。

或者方便截个图吗

生成的js文件在打包时记得带sourcemap,ob就是浏览器,你可以查查怎么在浏览器里打断点,我记得在vscode里也能,console.debug似乎也行。我现在没开发插件,也不好截图。不过console.log基本就够了吧。

可以在源码里加 debugger,运行到这里是就会暂停,或者是打开控制台,在编译后的代码里找到对应的地方打断点

确实只能log了,勉强可用吧。方便还是直接源码加断点方便

在远码加debugger,这个好,之前没想到。编译之后乱码,加断点可以,但是非常不好看,分不清这个是什么变量。

你可以将压缩混淆程度调小一点,我比较喜欢这样

2 个赞

:+1: 感谢,我已经成功调试起来了。