使用 angular2 从 webpack 中选择性地排除动态图像路径
Selectively exclude dynamic image paths from webpack with angular2
我正在使用 Webpack 编写 Angular2 应用程序，并且还在为我的模板使用 html 加载器。
我的一个模板中有这一行：
<img attr.src="apps/{{ appName }}/icon.png" />
html-loader 可以理解地试图在编译时加载这个图标，但失败了。正如你所理解的，我的意图是让图标的路径是动态的（这是 ngFor 的一部分），因此我希望 webpack 在编译时忽略它。
如何指示 html-loader 忽略这个特定的 img 源？
编辑：我发现可以在 html 加载器中完全禁用属性解析（即，没有图像源或 html 中包含的任何其他内容将在编译时加载），但是我希望能够有选择地仅排除特定的图像路径。
你试过了吗：
<img [src]="'apps/' + appName + '/icon.png'" />
ng-book2 中对此进行了描述，作为解决您面临的问题的一种方法。 （顺便说一句，这本书很棒）
我正在使用 Webpack 编写 Angular2 应用程序，并且还在为我的模板使用 html 加载器。
我的一个模板中有这一行：
<img attr.src="apps/{{ appName }}/icon.png" />
html-loader 可以理解地试图在编译时加载这个图标，但失败了。正如你所理解的，我的意图是让图标的路径是动态的（这是 ngFor 的一部分），因此我希望 webpack 在编译时忽略它。
如何指示 html-loader 忽略这个特定的 img 源？
编辑：我发现可以在 html 加载器中完全禁用属性解析（即，没有图像源或 html 中包含的任何其他内容将在编译时加载），但是我希望能够有选择地仅排除特定的图像路径。
你试过了吗：
<img [src]="'apps/' + appName + '/icon.png'" />
ng-book2 中对此进行了描述，作为解决您面临的问题的一种方法。 （顺便说一句，这本书很棒）