如何在聚合物中实现错误跟踪？

Question

在Polymer中有没有一种错误跟踪方法？

问题是,显然硫化和polybuild过程无法提供任何源图(如果我错了,请纠正我).这意味着即使我将使用全局window.onerror函数在硫化的java脚本代码中捕获异常,我将无法将其映射回来并在源文件中找到错误的实际位置.

任何解决方案/解决方案都将受到高度赞赏.

Answer 1

这是我关于可以做什么的想法。也请提供您的想法和解决方案。该解决方案未经测试。

根据https://github.com/PolymerLabs/polybuild polybuild 工具与以下内容相同：

vulcanize --inline-css --inline-scripts --strip-comments index.html | polyclean | crisper --html index.build.html --js index.build.js

顺序是：
1) vulcanize 生成一个 html 格式的文件。
2）polyclean在内部使用uglifyjs并执行一些清理
3）crisper用于将已经丑陋和缩小的js与html分离

据我所知，uglifyjs 不能使用 html 文件作为输入，因此 polyclean 手动剪切部分 js 代码'，将其通过 uglifyjs 并将其粘贴回来（我希望我正确理解了 polyclean 的工作原理）。这就是为什么创建源映射在这种情况下毫无用处。我的想法是更改polyclean和crisper的顺序并修改polyclean以允许使用uglifyjs2的外部选项：

新命令：
1) vulcanize 生成一个 html 格式的文件。
2）crisper用于将格式化的js与html分离。
3）polyclean在内部使用uglifyjs并执行一些清理（在这种情况下我们需要在js和html文件上使用）

因此，首先您将拥有 html 文件和格式化的 js 文件，然后您才能使用 uglifyjs2（从 polyclean 调用还是独立调用？）以及 --source-map 和 --source-map-include-sources 选项。现在，您可以使用生成的源映射继续跟踪错误，该源映射已包含步骤 #2 中生成的 js 文件的格式化副本。