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

前端之家收集整理的这篇文章主要介绍了javascript-webpack使用什么方法在开发工具的’webpack://’文件夹中显示源? 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

enter image description here

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

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

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

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

猜你在找的JavaScript相关文章