If I use webpack in dev mode, when I open chrome dev tools, in the 'sources' tab, I can see a 'webpack://' folder with all my source code.
I would like to know how I could do something similar with my own code (without webpack).
Let's say that I want to program my own build system. This build system takes some source code then transpiles it. How can I show the original source code (including js, html, and css files) in a special folder (for example 'mysource://')?
If I use webpack in dev mode, when I open chrome dev tools, in the 'sources' tab, I can see a 'webpack://' folder with all my source code.
I would like to know how I could do something similar with my own code (without webpack).
Let's say that I want to program my own build system. This build system takes some source code then transpiles it. How can I show the original source code (including js, html, and css files) in a special folder (for example 'mysource://')?
Share Improve this question asked Mar 23, 2019 at 6:28 OliOli 16.1k7 gold badges53 silver badges67 bronze badges 1- please check this post (i can not ment): stackoverflow./questions/27626764/… – user10988894 Commented Mar 25, 2019 at 6:46
1 Answer
Reset to default 5 +25The source code you see in your DevTool-window are so called 'source-maps', in webpack they are generated (in most cases) by the SourceMapDevToolPlugin by default when in 'dev' mode.
Here is another article about how to generate source maps.
发布者：admin，转转请注明出处：http://www.yc00.com/questions/1745634608a4637313.html
评论列表（0条）