2016-09-30 66 views
1

应用程序是在Angular2 RC5中创建的。在RC5(没有webpack)一切正常。图像按预期显示。如何使用Webpack在Angular2中使用图像

在与Webpack一起升级到Angular 2.0.0的最终版本后,我的公用文件夹中的图像不再在应用程序的任何位置工作。使用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" > 

回答

0

经过一番更多搜寻,似乎图像文件夹必须被放置无论是src文件夹或资产的文件夹内。在RC5中情况并非如此。将所有图像/视频/等移动到/ assets文件夹后,我现在可以在浏览器中看到它们。

+0

问题是,在现实世界中,部分图像被'Base64' url使用。 'url-loader'可以将图像转换为'base64'网址。所以,复制整个图像目录没有任何意义。怎么样的图像大小只是'1kb'?你真的想发送一个请求到服务器吗? – novaline