我有一个项目,我从Aurelia的skeleton-esnext-webpack启动项目开始。
在静态文件夹中,我添加了自己的名为images的文件夹,并添加了3个或4个.png文件。
现在,在我看来,我试图访问其中一张图片:
<img src="./static/images/blk_leaves.png">
我一直收到错误(无论是在webpack编译期间还是在浏览器中)都无法解决该路径。
我不太了解webpack配置,知道发生了什么,但我确实看到一条线似乎表明它试图用.png文件做一些事情:
{ test: /\.(png|gif|jpg|cur)$/i, loader: 'url-loader', options: {limit: 8192} }
似乎没有出现webpack将图像复制到dist文件夹(其他所有内容)。我需要做些什么才能让它发挥作用?
感谢。
答案 0 :(得分:0)
使用相对路径加载图片(以及您已注册的其他资源loaders)
例如,在初学者项目中,如果您在src / app.html中加载图片,则可以尝试..
<img src="../static/images/blk_leaves.png">