workflow – 带有grunt的源映射

您是否知道包含使用grunt编译的应用程序的源地图的工作流程？

我很清楚像uglifyjs这样的插件可以让你简单地生成一个源地图.但我正在寻找将其纳入更复杂的工作流程,而不仅仅是制作一次性的源地图.

我注意到最流行的Yeoman生成器(我知道)在他们的工作流程中缺少源地图.这只是因为源地图的主要插件缺乏支持吗？或者是工作流程中不需要源地图,我只是想不出足够聪明的替代方案？

我遇到过流行的grunt插件的明显问题包括：

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

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

我在考虑我的应用程序时,我认为我的最佳行动方案可能是使用未连接/未缩小的来源进行测试.当然,这不太理想,因为我希望我的测试环境尽可能地反映生产环境.

你在grunt项目中使用源地图吗？你怎么做呢？如果没有,你如何解决他们缺乏支持？

解决方法

更新02/17/14

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

我做了足够的研究,现在能够回答我自己的问题.

不,现在没有任何好办法用grunt来处理源地图.

usemin和grunt-contrib-uglify都需要更新才能按照我的意愿工作.我向grunt-contrib-uglify提交了a pull request,这是更好的源地图支持的良好开端.幸运的是,这种拉动将被合并.

至于usemin,我不同意它处理依赖关系的方法.我已经开始了一个单独的项目,grunt-resourceful,这与事情有所不同.该项目仍处于初期阶段,因此我建议不要立即使用它.一旦1.0.0发布,我会更新这个.