在调试chrome-extension的popup.html时,Webpack的devtool(源映射)选项无效

时间:2016-12-20 10:49:17

标签: google-chrome-extension webpack source-maps

我正在使用react,webpack和babel构建chrome扩展。 Webpack将html和js文件捆绑到一个文件夹中,其中chrome-extension被解压缩。 在我的webpack配置文件中,我想使用以下选项进行调试:

{
    devtool: "source-map"
}

在浏览器中打开捆绑文件时:以上设置允许我在chrome-developer中检查文件时调试html / js文件的原始代码(而非生成/捆绑代码) - 在浏览器中将工具作为普通文件(不作为扩展文件)。在这里,使用' devtool'实现了webpack中的设置。

将捆绑文件解压缩为chrome扩展程序后但是在尝试检查chrome-extension的文件(例如popup.html)时,console(在chrome-developer-tool中)显示了捆绑文件(不是原始代码)。所以,' devtool'配置选项在这里不起作用。

我哪里错了?是否在webpack配置文件中需要任何其他设置,以便' devtool'调试chrome扩展名的文件时可以使用选项吗?

0 个答案:

没有答案