How to debug in vscode and mapping to chrome.

[hxse]

When my chrome tab was opened with the yarn run snowpack dev command.
How to configure launch.json to be able to set breakpoint in vscode and mapping to chrome.
Is there a case?

[kputnins]

I was testing snowpack out with React + Typescript and had to set sourcemap: true in buildOptions and hmr: false in devOptions. Then breakpoints worked with the standard Chrome launch settings.

But then there is no hot-module-reloading :(

[jonlepage]

without a local sourcemap, we cant debug with vscode.
I really tried everything, but no solution.
I success to connect vscode with devtool --remote-debugging-port=9222, for get log, but breakpoint in vscode just not work !

No issue with Parcel bundler , but Parcel produce a local sourcemap thas make easy to connect to vscode , chrome,electron,nwjs...
or maybe we need a example for Snowpack !

if anyone have a idea ! tell me i will fix my boilerplate for my students !
https://github.com/nwutils/SnowPack-nw/blob/7565d94c10f8ce0629839faf36c832fa897e4808/.vscode/launch.json#L12
https://github.com/nwutils/SnowPack-nw/blob/7565d94c10f8ce0629839faf36c832fa897e4808/package.json#L28

[VictorHugoAguilar]

some reference

[jonlepage]

am using vitejs now

[jonlepage]

ha , it explain a lot , discutions here !
#1213
#1876

[johnpittman]

Can't use snowpack without this feature. The productivity of breakpoints in vscode vs (console.logs or browser dev tools breakpoints) is such a high contrast in trade-off it's not worth using.

[jonlepage]

Can't use snowpack without this feature. The productivity of breakpoints in vscode vs (console.logs or browser dev tools breakpoints) is such a high contrast in trade-off it's not worth using.

maybe in few week #1876 (reply in thread)