首页 > webpack图片

webpack图片

怎么在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>
【热门文章】
【热门文章】