javascript-webpack使用什么方法在开发工具的’webpack：//’文件夹中显示源？

如果我在开发人员模式下使用webpack,则在打开chrome开发工具时,在“源”标签中,我可以看到包含所有源代码的“ webpack：//”文件夹.

我想知道如何用自己的代码(没有webpack)做类似的事情.

假设我要对自己的构建系统进行编程.此构建系统需要一些源代码,然后对其进行编译.如何在特殊文件夹(例如“ mysource：//”)中显示原始源代码(包括js,html和css文件)？

解决方法:

您在DevTool窗口中看到的源代码称为“源映射”,在webpack中,它们在大多数情况下是由“开发”模式下的默认情况下由SourceMapDevToolPlugin

生成的.

Here是有关如何生成源地图的另一篇文章.

标签：webpack,build,source-maps,javascript
来源： https://codeday.me/bug/20191211/2105545.html