如何在使用Aurelia Webpack骨架时访问图像

时间:2017-10-06 13:03:37

标签: webpack aurelia

我有一个项目,我从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文件夹(其他所有内容)。我需要做些什么才能让它发挥作用?

感谢。

1 个答案:

答案 0 :(得分:0)

使用相对路径加载图片(以及您已注册的其他资源loaders

例如,在初学者项目中,如果您在src / app.html中加载图片,则可以尝试..

<img src="../static/images/blk_leaves.png">