问题标签 [source-maps]

你们如何对使用 Less/Sass 构建的 CSS 进行维护？

我喜欢 Dev Tools/Firebug 的一件事是能够查看 CSS 样式的行号。除了必须手动搜索 .less/.scss 文件来查找我想要修改的代码之外，有没有一种使用 CSS 预处理器的好方法？

我最近通过haxe 语言中的源调试发现了chrome中存在源映射。它允许在 chrome 浏览器中调试生成的 javascript，同时查看原始源代码中的错误原因。

有没有人为咖啡脚本编写了源映射生成器/咖啡脚本源可映射吗？

这将有助于调试由 coffeescript 生成的 javascript。

我正在寻找一种使用 GWT 的 2.5 Showcase 项目运行 superdev 模式 + 源映射的方法。

我已按照以下说明操作： https ://developers.google.com/web-toolkit/articles/superdevmode http://blog.daniel-kurka.de/2012/07/mgwt-super-dev-mode.html

我在 Eclipse 上创建了一个使用 gwt-2.5.0.rc1 的新 Web 应用程序项目，并生成了一些示例代码（Hello server）。

我能够在端口 9876 上运行代码服务器并将他定向到我的 src 文件夹。导航到我的应用程序，按下“开发模式开启”小书签。重新编译测试项目，重新编译成功，但在eclipse中失败，出现以下异常：

深入研究异常，我得到

和

我正在寻找有关如何在 Gwt 的 2.5 Showcase 示例上运行它的详细示例。

更新：当我在 Mail 示例上尝试过它时，我注意到我的代码服务器没有输出Mail.html文件。相反，这是代码服务器的输出：

没有 Mail.html 文件。这可能有助于诊断。

我一直在尝试 Chrome 中的 Source Maps 功能，发现它不支持将单个 javascript 资源附加到包含多个连接在一起的模块的脚本标记以及分隔每个//@sourceMappingURL模块的注释。

第一个映射已连接，我看到调试器中关联的模块源，但所有其他的都被忽略了。

我希望当多个模块被缩小并连接在一起时，这将是一个注释要求

是否支持场景？

我已经开始使用 GWT 2.5 和 Eclipse 作为我的 IDE。在 Chrome 中使用调试器时，对源文件列表进行排序以设置我的断点是很麻烦的。更糟糕的是，我已经在 Eclipse 中打开了相关代码，现在我必须在 Chrome 中找到它。

有没有办法在 Eclipse 中设置断点，并在 Chrome 中使用它？

鉴于 SourceMaps 的存在，这似乎是一个自然的概念。如果它还不是 SourceMaps 规范的一部分，也许它应该是。

我正在尝试让 TypeScript 源代码调试在 Chrome 中工作，但我遇到了两个特定且可能相关的问题。

首先是由 TypeScript/WebEssentials 编译器生成的注释应该识别源映射文件的位置，如下所示：

//sourceMappingUrl=MySourceFile.js.map

但 Chrome 不会读取该文件。似乎期望评论将如下所示：

//@ sourceMappingUrl=MySourceFile.js.map

如果我手动将评论更改为该评论并刷新我的页面，那么对所有 .ts 文件的引用就会神奇地显示为 Chrome 开发人员工具中的源代码。

但是，这导致了我的第二个问题，因为文件实际上并没有被加载。Chrome应该尝试下载的 .ts 源文件是 .ts http://localhost/MySourceFile.ts，但它实际尝试下载的是.ts 源文件http://localhost/C:/source/web/MySourceFile.ts。这是有道理的，因为 MySourceFile.js.map 的打开属性如下所示：

{"version":3,"file":"tmp1523.tmp","sources":["C:/source/web/MySourceFile.ts"

但这显然不适用于 Chrome，因为它将源地图位置解释为完全相对的，并且 IIS（非常正确）不会提供任何看起来像http://localhost/C:/source/web/MySourceFile.ts.

那么，对于这两个问题，是 Chrome 还是 TypeScript source-map 功能做错了呢？这样做的推荐方法是什么？

我正在使用 Chrome 25.0.1323.1 dev-m，TypeScript 0.8.1 和 WebEssentials 1.8.5。

我在 Chrome 中使用 SuperDevMode，它运行良好，直到 sourcemaps 突然停止在 Chrome 中显示。
CodeServer 抛出以下异常：Multiple fragment 0 sourcemaps found. Too many permutations.

在编译期间它显示：

有任何想法吗？

我有一个构建脚本，它通过 uglifyjs 运行我的所有代码，做一堆花哨的缓存东西，并最终eval( code )在一些 JavaScript 文件上运行。

我正在尝试使用source maps启动并运行整个过程，但只要我使用eval. 如果我直接使用它链接到文件，<script src="...">它工作正常。

在我的eval代码中，我有：

然后在那个.map文件中，我有：

我试过把它放在//@ sourceURL=最后，这至少给了我正确的文件名，但仍然没有可读的来源。

有任何想法吗？在 Chrome 25 (dev) 和 26 (canary) 中进行测试

我有一个 Three.js 页面，我想从 r42 更新到 r55。在那段时间里，相当多的 API 发生了变化。

其中一些更改很简单，但现在我被困在 . 的一些粗糙细节上JSONLoader，格式已从 JavaScript 更改为 JSON，并且可能其他更改导致它失败。一个undefined值在内部某个地方触发了 API，我不知道问题出在哪里，因为堆栈的顶部几层是在缩小的代码中。

什么技术最适合在此处获取完整源代码？是否有可用的源地图？

我尝试将three.min.js文件交换为Three.js，但是缩小的文件也包含许多其他文件。我不喜欢将所有这些文件加载​​到我的工作区并引用它们中的每一个只是为了调试一个问题一分钟的想法。

是否有一个文件包含未缩小的等价物three.min.js？是否有另一种同样有效的方法？

编辑所以我克隆了three.js repo来获取源文件，最终会得到一堆像这样的HTML：

存储库约为 200MB，并且需要一段时间才能克隆。显然，没有办法用 Git 进行部分克隆。

必须有一个更简单的方法！

关于源映射，我在 chromium 中遇到了一个奇怪的行为（build 181620）。在我的应用程序中，我使用的是缩小的 jquery，登录后，我开始在服务器日志文件中看到对“jquery.min.map”的 HTTP 请求。这些请求缺少 cookie 标头（所有其他请求都很好）。这些请求甚至没有在开发人员工具的 net 选项卡中公开（这对我来说并没有太多困扰）。

关键是，这个应用程序中的 js 文件应该只对登录的客户端可用，所以在这个设置中，源映射要么不起作用，要么我必须将源映射的位置更改为公共目录.

我的问题是：这是一种期望的行为（意思是源映射请求不应发送 cookie）还是 Chromium 中的错误？