问题标签 [source-maps]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Chrome 可以在使用 Source Maps 时显示原始 Traceback 吗?
当使用源映射允许在 Chrome 中调试 CoffeeScript 代码时,有时能够看到编译后的 JS 中的错误会很有用,就像您不使用源映射时一样。
有没有办法告诉 Chrome 显示原始回溯?
javascript - sourceMapRootpath 拥有使用 LESS 的源映射
我正在尝试在我的项目中使用源地图。我正在使用LESS ,使用grunt-contrib-less与Grunt编译
这是我在 gruntfile.js 上的代码:
这是我拥有的文件结构:
我在定义sourceMapRootpath 时遇到问题。我尝试将所有 .LESS 文件所在的文件夹放在同一个文件夹中,但没有发生任何事情,与使用 .CSS 文件所在的文件夹相同。
对此有任何想法吗?
谢谢!塞巴
javascript - 最小化源代码文件后,JavaScript 源映射文件是否仍然有效?
我的背景
我使用TypeScript
andVisual Studio
将很棒的强类型语法编译成 slutty JavaScript。我已将项目和 Visual Studio 配置为执行以下操作:
- 将多个已编译的 JavaScript 文件合并为一个 JavaScript 文件
- 生成源映射文件
在JSON
生成的源映射文件中找到的生成对象中,我可以在他的“名称”属性中看到大量对方法名称的引用以及在我的原始 TypeScript.ts
文件中出现的其他内容。这些“符号名称”(正如规范提案所称的那样)也出现在我的最终.js
文件中。
我试图解决的一个问题是最小化生成的 JavaScript 文件,同时保留源映射文件提供的所有很酷的功能。
问题
由于我还没有弄清楚如何让 Visual Studio 自己最小化 JavaScript 文件,然后生成很棒的源映射文件(如何?),如果我使用另一个工具进行缩小会发生什么;未修改的源映射文件是否仍能按预期工作?
我的担心主要是因为我假设该工具将在缩小文件中提供新的符号名称。当然,我最喜欢的解决方案是让 Visual Studio 在生成源映射文件之前自己进行缩小。
css - 使用源映射编译 LESS 文件
.css.map
除了 CSS 文件之外,如何编译 LESS 文件以输出源映射文件 ( )?有没有办法在命令行(NodeJS's lessc
)和任何基于 GUI 的程序上做到这一点?
coffeescript - 访问 SourceMaps 咖啡
我想为异常堆栈跟踪实现我自己的格式,我知道Error.prepareStackTrace
这就像一个魅力。
当我通过运行程序使用咖啡脚本时出现问题coffee
,而不保存中间 *.js 结果及其源映射文件。我想从 .coffee 文件中显示正确的行号,而不是来自已编译的 .js
是否可以通过 require 访问在运行时动态加载的文件的咖啡脚本的内部运行时源映射(或获取相同的值)?sourceMaps = {}
我知道里面有coffee-script.coffee
咖啡脚本编译器本身使用的局部变量,但是在模块闭包之外无法访问它。
任何想法?
ruby-on-rails - Ruby on Rails 更少的源地图和资产管道?
我目前正在构建的 Ruby on Rails 应用程序中使用 less-rails gem。我想要某种方式通过源映射(https://developers.google.com/chrome-developer-tools/docs/css-preprocessors)在 Chrome 中调试我的 Less css 文件有谁知道如何做到这一点?
javascript - 用于连接 CSS 文件的 Source Maps/Grunt 插件
我正在使用 grunt 来简单地连接和缩小我的 CSS 文件(不使用 SASS)。有没有我可以使用的源地图之类的东西?我想查看生产站点并使用 Chrome 开发工具进行检查,但让它告诉我原始 CSS 文件。这是我的咕噜声文件:
.net - 在 VS 2010 中使用 LESS 源映射文件
我正在使用 Visual Studio 2010。我还在使用扩展/插件Mindscape 的 Web Workbench。它允许您在 VS 中使用 LESS,以及编译和生成源映射文件。我从未使用过源映射文件,但我知道它们的作用。
我的问题是,我如何让我的项目在运行页面时使用它?我需要将它包含在<head>
? 还是将其包含在其他地方?
感谢您帮助一个菜鸟。
less - 如何配置 grunt-contrib-less 以生成与 Chrome DevTools 兼容的源映射?
问题标题几乎说明了一切。我不知道如何配置现在支持源映射的grunt-contrib-less任务。我的预期结果是让 Chrome DevTools CSS 检查器指向 Less 规则。如果可能,最好将源映射内联在同一个输出的 CSS 文件中,以避免使用单独的源映射文件使我的工作区混乱。
谢谢
javascript - 是否有理由不在实时代码和包中激活/使用 javascript 源映射?
将内容转换为 JavaScript 并使用源映射时:
(四个问题)
- 我们可以将
# sourceMappingURL
生产中的代码留在网页上吗? source-map-support
您会在生产中使用该模块运行 node.js 应用程序吗?- 我们可以
# sourceMappingURL
在发布到 npm/bower 的代码中使用吗? - 我们应该在 npm 上捆绑源代码吗?