angular - 在 Angular 2 中使用 webpack 文件加载器

Question

我正在进入 Angular 2 和 webpack，我对如何使用file-loader引用图像有点困惑。据我所知，您不能require()像这样直接将 a 放入您的 html 中：

<img src="require('./abc.png')">

我能够让它工作的唯一方法是创建一个类成员并引用它的 html。

我的.component.ts：

@Component({
    selector: 'my-comp',
    template: require('./comp.template.html')
})
export class LoginComponent {
    private myImg: string = require('./abc.png');
}

html:

<img [src]="myImg">

这是您期望将文件加载器与图像一起使用的方式吗？