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

来源:3-1 什么是 loader

qq_麦田_4

2019-02-21

看了老师的代码打包后的index.html为什么需要放入到dist目录,如果不放?
图片描述
假设我放入src目录下,这时候我引入bundle.js并且路径写对。当打开浏览器的时候为何图片加载不出来,报了一个在src下找不到打包后的图片?
图片描述
我的理解:是不是index.html在哪个目录下引入打包后的bundle.js,就如上面index.html在src目录下引入了bunlde.js,当执行bundle.js就去src下找打包后的图片,结果找不到。反之!如果index.html在dist目录下的时候,恰巧打包后的图片也在该目录下,所以加载出来!不知道理解的对与不对。

写回答

4回答

Dell

2019-02-21

很聪明,就这个意思

2
0

慕粉1719184299

2020-09-15

//img.mukewang.com/szimg/5f607a9409ec235d05490218.jpg

浏览器打印的结果,如下

//img.mukewang.com/szimg/5f607aac099e7afb05990103.jpg

0
0

qq_晒黑了吧孩子_0

2019-03-27

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

0
2
东风破
不再dist目录下,我用img.src = "./dist/" + demoPng;这样拼接也是可以的
2019-04-12
共2条回复

kevinchen1

2019-03-20

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

0
0

从基础到实战 手把手带你掌握新版Webpack4.0

知识点+项目实例+原理讲解 全方位解析Webpack4新版本

3627 学习 · 1291 问题

查看课程