ember.js - Ember appkit - 调试

Question

我们目前使用 requirejs/backbone 进行开发，使用 firebug 进行调试。我们正在考虑迁移到 Ember 并使用 ember appkit。

我注意到，由于新的 ES6 javascript 模块，应用程序需要预编译为单个 javascript 文件 app.js。

我担心这会使调试问题变得困难，因为您正在处理一个巨大的单个文件，而不是我们目前拥有的并且可以在 firebug 中轻松找到的小文件。

这对人们来说是一个问题吗？有什么好的解决方案吗？

Answer 1

正如 kingpin2k 提到的，Ember App Kit 已被 Ember-CLI 有效取代。 。我建议对此进行调查。根据您的需求和规划，Ember-CLI 可能适合也可能不适合您的情况。 Some people have successfully put Ember-CLI apps in production ， 但这是全新的技术，所以买者自负。

Ember-CLI 提供了一个基于 Broccoli 的构建系统，它将转译 ES6 模块、将输出压缩到单个 Javascript 文件中，等等。 Ember-CLI 仍在大力开发中，但已经发展得相当不错。 在我看来，干净的代码组织和快速的 Broccoli 构建确实非常棒。

现代浏览器(例如 Firefox 和 Chrome)带有集成的调试器，当提供源映射时，它会向您显示原始源代码。当您运行开发服务器时，这最终也会提供给 Ember-CLI 项目中的浏览器。然而，this functionality is currently incomplete 。现在可以在 Ember-CLI 中获得一些源映射支持，请查看 this issue .

与此同时，当然还有更多方法来调试代码，我怀疑在 Ember-CLI/Broccoli 中提供适当的源映射支持之前，自由使用控制台日志记录等可能就足够了。运行 Ember-CLI 的实时重新加载开发服务器意味着当您更改并保存项目中的文件时，结果几乎会立即显示在浏览器中； Broccoli 的构建速度非常快。

请记住，将所有 Javascript 代码缩小并组合到单个输出文件中是单页应用程序框架(例如 Ember、Angular 和 Backbone)中的常见方法。通过浏览器的调试工具与源映射相结合，使用断点调试这些应用程序的情况将会越来越多。

更新

目前Ember核心团队actively recommends Ember-CLI 。真是太棒了。