如何使用 Chrome 开发工具调试 TypeScript 库？

Question

我创建了一个 TypeScript 库，已使用以下结构发布到 npm：

mobx-state-router
|--- package.json
|--- src
|    `--- index.ts     (TypeScript source)
`--- dist
     |--- index.js     (compiled JavaScript)
     |--- index.js.map (sourcemap)
     `--- index.d.ts   (type definitions)

然后，我通过添加依赖项在 React 应用程序中使用该库。在 Chrome 开发工具中调试我的 React 应用程序时，我想在我的库中添加断点。但是，Chrome 开发工具向我显示了源代码的编译版本，而不是原始的 TypeScript。我希望通过将 TypeScript 源代码和源映射包含在我的包中，Chrome 开发工具能够显示我的 TypeScript 文件。

1. 是否可以以可以在依赖的 Web 应用程序中调试的方式捆绑 TypeScript 库？
2. 如果不是，我是否应该将源代码和源映射捆绑在我的包中，从而减少包的大小？对此的最佳实践是什么？