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

【问题标题】：How to access an image when using Aurelia Webpack skeleton使用 Aurelia Webpack 骨架时如何访问图像
【发布时间】：2017-10-07 11:56:14
【问题描述】：

我有一个从 Aurelia 的骨架-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】：

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

例如，在启动项目中，如果您在 src/app.html 中加载图像，您可以尝试..

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

【讨论】：