vue小白请教在Chrome F12中看到的这些文件是什么？

Question

webpack-internal://是什么路径啊，一头雾水，里面的文件是怎么生成的？
希望各位大神不要笑话。

Answer 1

使用webpack打包之后，会在末尾加上原文件的相对路径，
例：#sourceURL=webpack:///./src/app.js
在浏览器中sources下查看会看到该路径

Answer 2

webpack自带功能啊 在你跑的时候他会自动混淆你的代码

Answer 3

谢邀

首先sources面板作为开发者是调试JS css等的利器 最常用的就是打断点

而它生成目录是根据你所写代码 浏览器找到你所打开文件的牵扯目录.至于目录如何生成,这个就的看你本地代码如何配置了以及浏览器如何找到你的代码的一个目录划分

top/
   哪个磁盘 c / d ...
      哪个项目目录
       项目下面的文件目录  js
        ...   CSS
        webpack /// 此处生成目录名字就是代码也就是 webpck内部的配置问题了
        
        
 webpack-internal://    //这个是webpack-internal下面的全部文件