使用Grunt调试concat / minified文件

时间:2014-08-07 13:17:40

标签: node.js gruntjs grunt-contrib-concat

我使用grunt concat / uglify来减少加载JavaScript的调用次数。

我删除了实际javascript文件的所有硬编码链接,现在引用grunt生成的一个javascript文件。

如何在开发环境中继续调试/查看我的javascript? 这是源地图吗?

即。 https://www.npmjs.org/package/grunt-concat-sourcemap

1 个答案:

答案 0 :(得分:5)

是。您需要生成一个源图,以便轻松地继续调试代码。

有两种类型的源图,但需要通过每次转换维护源图。因此,如果你在第二步中缩小一步,缩小过程需要知道concat步骤生成了一个源图并根据该源图生成它自己的源图,这样缩小的代码源图对应于原始输入,而不是concat步骤的输入。

有几种解决方法 - 最简单的方法就是不要在测试/开发环境中缩小。还有一些缩小器可以为您正确地进行源映射,但它们很难配置。

您可能还想查看browserify - 这是一个工具,可以让您编写前端浏览器代码,就像节点模块一样,它会连接并为您生成源图! / p>

另外,您也可以依靠服务器的gzip压缩并通过缩小器运行代码 - 这非常有效。