带有 grunt 的源映射

Question

您是否知道包含使用 grunt 编译的应用的源映射的工作流？

我很清楚uglifyjs 之类的插件可以让您简单地生成源映射。但我希望将其整合到更复杂的工作流程中，而不仅仅是制作一次性的源地图。

我注意到最流行的 Yeoman 生成器（据我所知）在其工作流程中缺少源映射。这仅仅是因为源地图的主要插件缺乏支持吗？或者是不是工作流程中不需要源映射，我只是想不出一个足够聪明的替代方案？

我遇到的流行的 grunt 插件的主要问题来源包括：

uglify 是 unable to handle even the most basic of project structures 没有 hacky fix。

usemin 也是unable to handle source maps 超越了最简单的配置，因为它实际上只能支持每个项目一个（但仍然需要破解来纠正它）。一个可能的解决方案显然是完全停止使用usemin，但是你会失去它的所有好处，比如将它与rev、watch 和connect 配对。

我认为我最好的做法可能是在测试我的应用时使用未连接/未缩小的源进行测试。当然，这不太理想，因为我希望我的测试环境尽可能地反映生产环境。

您在 grunt 项目中使用源映射吗？你怎么做呢？如果没有，您如何解决他们缺乏支持的问题？

Answer 1

2014 年 2 月 17 日更新

Z Goddard 和我正在努力修复整个 grunt-contrib 套件的源映射。整个套件的计划选项可以阅读in this repo。我们还在开发一个新库sourcemap-util，它将提供帮助函数来生成任何库的源映射。当有更多进展时，我会更新这个。

---

我已经完成了足够多的研究，现在能够回答我自己的问题。

不，目前确实没有什么好的方法可以用 grunt 处理源映射。

usemin 和 grunt-contrib-uglify 都需要更新才能按我的意愿工作。我将a pull request 提交给grunt-contrib-uglify，这是更好的源地图支持的良好开端。运气好的话，这个 pull 会被合并。

至于usemin，我不同意它处理依赖关系的方法。我已经开始了一个单独的项目grunt-resourceful，它以不同的方式处理事情。该项目仍处于起步阶段，因此我不建议现在使用它。我会在 1.0.0 发布后更新。