为什么index.html需要放入到dist目录下，如果不放？

Question

看了老师的代码打包后的index.html为什么需要放入到dist目录,如果不放？

假设我放入src目录下，这时候我引入bundle.js并且路径写对。当打开浏览器的时候为何图片加载不出来，报了一个在src下找不到打包后的图片?

我的理解:是不是index.html在哪个目录下引入打包后的bundle.js，就如上面index.html在src目录下引入了bunlde.js，当执行bundle.js就去src下找打包后的图片，结果找不到。反之！如果index.html在dist目录下的时候，恰巧打包后的图片也在该目录下，所以加载出来！不知道理解的对与不对。

Answer 1

Dell 2019-02-21 22:57:35

很聪明，就这个意思

Answer 2

慕粉1719184299 2020-09-15 16:26:41

浏览器打印的结果，如下

Answer 3

qq_晒黑了吧孩子_0 2019-03-27 10:52:56

那如果是说，我的index.html不想放在dist目录，还想加载出图片怎么处理？有没有办法

• Dell #1

  继续往下听课，require图片进来即可

• 东风破 #2

  不再dist目录下，我用img.src = "./dist/" + demoPng;这样拼接也是可以的

Answer 4

kevinchen1 2019-03-20 21:53:41

刚试了下还真是,这是怎么一回事,为什么他会去自身当前目录去找呢? 我理解如果你映入了打包文件,应该是由打包文件去找对应的图片或者其他资源,不是由源码去查找资源地址?