使用Grunt调试concat /缩小文件

Nul*_*sis 3 node.js gruntjs grunt-contrib-concat

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

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

如何在开发环境中继续调试/查看JavaScript?那是什么源地图?

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

tko*_*one 5

是。您将需要生成源映射以继续轻松调试代码。

源图有两种类型,但是在每次转换时都需要维护源图。因此,如果您在第一步中连接一个缩小,而在第二步中连接一个缩小,则缩小过程需要知道concat步骤已生成一个源映射,并基于该源映射生成了它自己的源映射,因此缩小的代码源映射对应于原始输入,而不是concat步骤的输入。

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

您可能还需要看一下browserify-这是一个工具,可让您像编写前端模块一样编写前端浏览器代码,它将为您合并并生成源映射!

另外,您也可以仅依靠服务器上的gzip压缩,并通过压缩程序运行代码-效果非常好。