Allow `import * as img from 'foo.png'` in TS

Usage no npm install needed!

<script type="module">
  import tsTransformImg from 'https://cdn.skypack.dev/ts-transform-img';



build status Greenkeeper badge

This is a TypeScript AST Transformer that allows you to write import * as img from 'foo.png'. Depending on file size, the img with be base64-inlined in the source or aggregated via onImgExtracted.


First of all, you need some level of familiarity with the TypeScript Compiler API.

compile.ts & tests should have examples of how this works. The available options are:

threshold?: number

Threshold of img size that will be inlined, default to 10K

interpolateName?: InterpolateNameFn | string

Function to generate ID for the img asset

onImgExtracted(id: string, filePath: string): void

Function that gets triggered every time we found an asset