我正在使用Gulp和gulp- sourcemaps为我的JS生成内联源地图,并使用gulp-uglify 进行丑化

在Chrome开发人员工具中,当我直接访问“ 源”标签并单击我的uglified / sourcemapped文件时,Chrome不会尝试解析源地图,而只会显示uglified文件。

但是,当控制台显示一条消息(例如来自console.log或异常),并带有指向文件和行号的链接(例如app.js:81 )时,我可以单击它,并转到“ 源”标签。开发工具,并且正确解析了源映射并显示了原始文件。

这是两个屏幕快照,您可以在其中看到相同的文件,一个已解析源地图,另一个已未解析文件:

解析的非解析

我在这里做错什么,还是误解了源映射应该如何工作? 我希望能够直接访问“ 源”选项卡并查看原始文件,而不是丑陋的文件。

让我知道您是否需要更多信息。

#1楼 票数:1

好吧,这最终成为一个愚蠢的问题。 我在开发工具中没有看到小的“源”文件夹: 在此处输入图片说明

  ask by DC_ translate from so

未解决问题?本站智能推荐:

2回复

调试时源代码图是否有效?

我正在使用gulp-uglify,gulp-concat和gulp-sourcemaps来缩小/连接我的js文件并生成源映射。 当我在sources选项卡中打开chrome dev-tool时,我可以看到包含所有原始文件的“source”目录中的缩小文件 - 正如预期的那样。 但是当我尝
1回复

使用源映射 (gulp-sourcemaps) 时 Chrome 中的断点问题

我在 gulp-sourcemaps 和 gulp-uglify 一起工作时遇到了一些奇怪的问题,基本上,我们使用 gulp-uglify 来缩小我们的代码和 gulp-sourcemaps 来创建要调试的项目的源映射安慰。 所以今天,在调试时我注意到谷歌浏览器似乎正在执行一个 if 语句,即使我
1回复

Gulp生成的源地图在Chrome中不起作用

除了在Chrome中启用source maps之外,在我的gulpfile.js中我使用errLogToConsole: true, sourceComments: 'map', sourceMap: 'sass'作为参数在根据此答案调用sass时: 然而, SCSS内容仍然没有出现在D
5回复

源映射是绝对路径,但Chrome DevTool假定它是一个URL

我正在通过gulpjs构建中的无gulp使用LESS编译器。 我已经启用了sourceMap生成功能,并且可以正常工作,这里有正确的文件名和行号。 用源映射生成LESS的gulp线非常简单: 唯一的问题是,源映射包含指向原始.less文件的URL,并且它被生成为我的文件系统的绝对
1回复

源映射不适用于gofp中的coffeescript和webpack

我正在用coffeescript编写一个应用程序并使用gulp来构建前端。 我当前的开发版本看起来像这样 目前在coffee目录中我只有两个文件main.coffee和styles.coffee ,我的webpack.config看起来像这样 在我添加webpack之前,我的源
2回复

Gulp Typescript + Browserify; 捆绑的源映射指向转换JS而不是源TS

我正在开发一个Typescript项目,该项目被转换为ES5 JS,然后通过browserify运行以创建单个.js包和源图。 捆绑的源映射指向已转换的JS而不是源TS,即使我正在生成源映射,这些源映射在转换为JS时正确指向源TS。 就好像browserify忽略了指向TS代码的现有源图
1回复

如何从缩小的CSS文件创建源映射回原始.less文件?

我正在和Gulp.js一起工作,在我做一个缩小步骤之后,我很难尝试让gulp-sourcemaps一直指向原来较少的文件。 由于gulp-minify-css不支持源图,我使用的是postcss和csswring。 理想情况下,我最终会: ss.css(未经宣传)
2回复

Coffeescript中的源映射 - 未映射到源的错误

我刚刚意识到源映射 - 一个期待已久的功能。 令我印象深刻的是,很多人聚在一起为咖啡脚本(浏览器,kickstart项目等......)做到了这一点。 我设置了一个小测试,所以我可以理解如何使用它... CoffeeScript的 注意,这里有一个故意的错误,因为y没有定义