1

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

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

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

html-loader 可以理解地尝试在编译时加载此图标,但失败了。正如你所理解的,我的意图是让图标的路径是动态的(这是 an 的一部分ngFor),因此我希望 webpack 在编译时忽略它。

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

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

4

1 回答 1

1

你有没有尝试过:

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

这在ng-book2中有描述,作为解决您面临的问题的一种方法。(顺便说一句很棒的书)

于 2016-07-06T07:02:22.457 回答