Image 如何在网页包中使用Angular2中的图像

Image 如何在网页包中使用Angular2中的图像,image,angular,webpack,Image,Angular,Webpack,应用程序是在Angular2 RC5中创建的。在RC5中(没有网页包),一切正常。图像如预期的那样出现 在升级到Angular 2.0.0的最终版本以及Webpack之后,“我的公用文件夹”中的图像在应用程序中的任何位置都不再工作。升级是通过使用Angular CLI通过Webpack创建新的Angular2安装来完成的 http://localhost:4200/images/thumbs/2016/09/16/IMG_3879.jpg 404 (Not Found) 同样的精确路径在RC5

应用程序是在Angular2 RC5中创建的。在RC5中(没有网页包),一切正常。图像如预期的那样出现

在升级到Angular 2.0.0的最终版本以及Webpack之后,“我的公用文件夹”中的图像在应用程序中的任何位置都不再工作。升级是通过使用Angular CLI通过Webpack创建新的Angular2安装来完成的

http://localhost:4200/images/thumbs/2016/09/16/IMG_3879.jpg 404 (Not Found)
同样的精确路径在RC5中也可以正常工作。必须做些什么才能在/public/images文件夹(它们在RC5中工作的地方)中看到图像,或者图像应该放在哪里

在我的模板中,我使用以下方法调用图像:

<img class="img-responsive" [src]="asset.thumb_local_path" >


在进一步搜索之后,似乎必须将图像文件夹放在src文件夹或assets文件夹中。RC5的情况并非如此。一旦我将所有图像/视频/etc移动到/assets文件夹中,我现在可以在浏览器中看到它们。

在进一步搜索之后,似乎图像文件夹必须放在src文件夹或assets文件夹中。RC5的情况并非如此。一旦我将所有图像/视频/etc移动到/assets文件夹,我现在就可以在浏览器中看到它们了。

问题是,在现实世界中,部分图像被
Base64
url使用<代码>url加载程序可以将图像转换为
base64
url。所以,复制整个images目录是没有意义的。图像大小为1kb时如何?是否确实要为此向服务器发送请求?问题是,在现实世界中,
Base64
url使用了部分图像<代码>url加载程序可以将图像转换为
base64
url。所以,复制整个images目录是没有意义的。图像大小为1kb时如何?是否确实要为此向服务器发送请求?