问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

webpack图片

头像
IF进ELSE退
    1.1k15173235

    怎么在img标签里添加图片路径，像下面这种添加方式没用，
    clipboard.png
    .]
    用js是可以，但感觉好怪!!

    clipboard.png
    这个项目结构

    clipboard.png

    webpack
    阅读 2.9k
    3 个回答
    得票最新
    头像
    leftstick
      27.3k33329

      那是因为你的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>
      头像
      O5
        72861728

        额，img标签添加图片路径不就是

        <img src="build/image/qq.jpg" />
        头像
        施展TIGERB
          9.5k116994

          直接src 不行么？

          撰写回答
          你尚未登录，登录后可以
          • 和开发者交流问题的细节
          • 关注并接收问题和回答的更新提醒
          • 参与内容的编辑和改进，让解决方法与时俱进
          推荐问题