使用Webpack源映射调试Cordova App

Question

Angular2 + TypeScript + Webpack Cordova应用程序 - 我希望能够在使用Chrome调试应用程序时在Android手机上调试原始TypeScript文件。

为了使源图也可以在运行由Webpack捆绑的cordova app的远程移动设备中进行配置，还需要配置什么？

将按需添加当前配置。

Answer 1

Solved the problem by using: devtool: 'inline-source-map'

Answer 2

我能够使用devtool：'source-map' 在chrome中加载devtools后，我转到“源”选项卡，然后子选项卡“文件系统”（除了“页面”子选项卡）

此后，我单击添加文件夹到工作区，然后选择带有源文件的项目下的www文件夹

然后我右键单击一个文件并复制链接地址（看起来应该像这样： file:///fullPathTo/www/16.df2fe1ccd913c5c02ad1.js.map

然后，我转到“页面”子选项卡，选择一个未映射的最小化文件，然后通过右键单击文件显示区域并选择“添加源地图...”来手动选择映射文件，粘贴上面给出的地址并单击添加。 。

现在，源地图对于Web Pack正常工作，并且源树中出现“ webpack”文件夹。