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.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *