使用angular2从webpack中有选择地排除动态图像路径

时间:2016-07-05 14:26:06

标签: angular webpack webpack-html-loader

我正在使用Webpack编写一个Angular2应用程序,并且还使用html加载器作为我的模板。

我的一个模板中有这一行:

<img attr.src="apps/{{ appName }}/icon.png" />

html-loader试图在编译时加载此图标是可以理解的,并且失败了。您可以理解,我的目的是使图标的路径是动态的(这是ngFor的一部分),因此我希望webpack在编译期间忽略它。

如何指示html-loader忽略这个特定的img源?

编辑:我发现可以在html加载器中完全禁用属性解析(即,没有图像源或者html中包含的任何其他内容将在编译时加载),但我希望能够有选择地排除只有特定的图像路径。

1 个答案:

答案 0 :(得分:1)

你试过了吗?

<img [src]="'apps/' + appName + '/icon.png'" />

这在ng-book2中有所描述,可以解决您遇到的问题。 (顺便说一句好书)