怎么在img
标签里添加图片路径,像下面这种添加方式没用,
.]
用js
是可以,但感觉好怪!!
这个项目结构
额,img标签添加图片路径不就是
<img src="build/image/qq.jpg" />
直接src 不行么?
那是因为你的index.html
根本没有通过webpack
处理,仔细回想下你的webpack.config.js
,里面通过各种loaders
处理js
,所以你在js
里写require('../images/qq.jpg')
可以得到正确的url
是因为webpack
在处理js
时做转换了。
你的index.html
从头至尾都没有通过webpack
,人家凭什么帮你处理里面的url
?软件工程,也仅仅是工程化、自动化,并没有人工智能的成份在里面,她猜不出来你还想改index.html
。
如果你想生效,建议使用html-webpack-plugin来生成index.html
。
然后index.html
里的图片地址,也不能你那么写,直接写源码相对路径就OK的
<body>
<img id="img" src="./images/qq.jpg" width="300px" height="300px">
</body>