Categories
TypeScript Answers

How to allow image import with TypeScript?

Spread the love

Sometimes, we want to allow image import with TypeScript.

In this article, we’ll look at how to allow image import with TypeScript.

How to allow image import with TypeScript?

To allow image import with TypeScript, we can use declare to declare the type for image files.

For instance, we write

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

to declare the type for modules with the .png extension.

We just allow any property to be exported with

const value: any;
export = value;

And then we can import .png files without errors.

Conclusion

To allow image import with TypeScript, we can use declare to declare the type for image files.

Leave a Reply

Your email address will not be published.

If you like the content of this blog, subscribe to my email list to get exclusive articles not available to anyone else.