webpack not able to import images( using express and angular2 in typescript)

Question

I am not able to import images in my headercomponent.ts. I suspect it is because of something i am doing wrong while compiling ts(using webpack ts loader) because same thin

Answer 1

I'm using

import * as myImage from 'path/of/my/image.png';

and created a typescript definition with

declare module "*.png" {
    const value: any;
    export = value;
}

This only works when you have a correct handler like the file-loader in webpack. Because this handler will give you a path to your file.