代码之家  ›  专栏  ›  技术社区  ›  zino

workerd-devtools-启用源映射

  •  0
  • zino  · 技术社区  · 1 年前

    我正在开发一个Cloudflare工作人员,使用:

    wrangler dev src/index.ts --experimental-local --port 8701

    这是跑步 workerd 本地。我按打开Chrome开发工具 d 从终端。

    我有两个问题:

    1. 全部的 console.log 条目引用JS捆绑包名称/行号(不是原始源)。

    2. 中没有可用的代码 Sources 选项卡。

    可以启用源映射吗?还是不支持?

    我知道牧马人的用法 esbuild ,支持内联源映射。

    enter image description here

    enter image description here

    0 回复  |  直到 1 年前
        1
  •  -1
  •   Abdul Rafay Shaikh    1 年前

    要使用wrapper-dev启用源映射,您需要确保TypeScript编译器生成必要的源映射文件。在您的 tsconfig.json 文件,请确保已设置以下选项:

    {
      "compilerOptions": {
        "sourceMap": true
      }
    }
    

    一旦确认TypeScript编译器正在生成源映射文件,就可以通过添加 generate_source_map 标志到您的 wrangler.toml 文件:

    [dev]
    generate_source_map = true
    

    当generate_source_map标志设置为true时,在本地运行worker时,wrapper-dev将生成源映射文件并将其与JavaScript捆绑包一起提供。

    推荐文章