javascript - 源 map 资源管理器中的未映射字节是什么

标签 javascript webpack

当我使用源 map 浏览器 https://github.com/danvk/source-map-explorer要检查捆绑包中的内容,我得到以下输出:

D:\projects\angular\mTracker\dist>source-map-explorer --tsv main.bundle.js main.bundle.js.map
Unable to map 27638 / 58878 bytes (46.94%)

哪些字节无法映射?我找不到对此的解释?

最佳答案

通常是您的捆绑程序添加代码,它需要使捆绑作为一个文件工作,但没有直接的源代码。有时它是由 TypeScript 编译器在降级代码时创建的。
我在我的 bobril-build 工具中创建了命令,它允许可视化没有源代码的 js 源代码。

npm install bobril-build -g
bb js sourcemap main.bundle.js
它将创建 main.bundle.js.sourcemap.html 显示未映射或没有红色背景的源。

关于javascript - 源 map 资源管理器中的未映射字节是什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47347203/

相关文章:

javascript - JQuery 应用绑定(bind)到所有 child

javascript - dom随着事件改变后调用jquery函数

javascript - 使用 javascript 从对象数组中去除键值

javascript - 安装 webpack VS 安装 webpack-cli?

javascript - Webstorm Javascript Regex - 正则表达式中的单个字符交替

node.js - 使用 html-webpack-plugin 在开发模式下在 webpack 中构建 HTML

Angular 2 : No NgModule metadata found

ecmascript-6 - 如何使用 Webpack 删除/取消导入内联 CSS?

javascript - 使用 webpack 加载 CSS 时,我可以为标签编​​写 CSS,但不能为类或 ID 编写

javascript - 使用datatable ajax响应数据设置自定义标签值