javascript - 使用 browserify 后保留原始 typescript 源 map

标签 javascript typescript browserify source-maps

背景:我正在将 2 个相关的 TypeScript 文件编译为 js,它还使用 tsc 1.0 生成源映射(每个文件一个源映射)

我正在使用 -m commonjs 然后使用 browserify 生成单个 bundle.js

但是我注意到我在包中获得了两次原始源 map 引用,这似乎不起作用。

传递 --debug 似乎也不起作用。

我有这个问题的感觉:https://github.com/substack/node-browserify/issues/325有点相关,但我无法弄清楚问题是如何解决的。

还有 https://github.com/substack/browser-pack有人建议,但我还是不完全明白如何使用它,它是 browserify 的替代品吗?

最重要的是,我想合并 2 个 js 文件,但使用 browserify 将 js“合并”到 ts 源映射。这可能吗?

最佳答案

tsify是一个更好的 browserify 插件,可以替代例如打字机。

npm install tsify browserify watchify

你像这样使用 tsify:

browserify src/index.ts -p tsify --debug -o build/index.js

请注意,这支持 browserify --debug 开关,不需要额外的技巧。所以你也可以像这样将它与 watchify 一起使用:

watchify src/index.ts -p tsify --debug -o build/index.js

关于javascript - 使用 browserify 后保留原始 typescript 源 map ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23453160/

相关文章:

javascript - 如何使用 Gulp.js 将流保存到多个目的地?

jquery - 使用 Zurb Foundation 框架进行浏览

javascript - 如何从 PouchDB 函数获取变量到 JS 变量

javascript - Promised API 调用不会执行

javascript - 如何在 ionic 3 中列出对象的所有项目?

javascript - 检查日期在 Typescript 中是否有效?

javascript - 使用 babel.js 而不是 browserify 编译成 bundle

javascript - 滑动以显示/隐藏div?

javascript - Bootstrap3 左侧边栏右侧切换

typescript - 如何动态更改 Web Audio API 中的播放速率