Want to resolve files without adding each time index.tsx at the end

[andriiradkevych]

import { withStyles } from 'hoc/withStyles/index.tsx';

Above you can see one of my general imports, I want to make it shorter and make it be resolvable by writting :

import { withStyles } from 'hoc/withStyles';

is it possible to configure ?

[marvinhagemeister]

You can add an entry for that in the import map inside deno.json:

{
  "imports": {
    "hoc/withStyles": "hoc/withStyles.index.tsx"
  }
}

That said it sounds more like you want to apply this to every file for which the import map workaround certainly is not sufficient. The automatic mapping to index files is something that's only available in CommonJS or when bundlers are used. ESM by definition requires you to specify the full file path, including the filename and extension.

[lfjsa]

I know this is not strictly what you asked, but you can skip the folder/index.ts convention in favour of just the file.

import { withStyles } from 'hoc/withStyles.tsx'

Deno does not treat index.ts|tsx files differently (styleguide) and a flat structure works perfectly fine (stdlib src).

[andriiradkevych]

yeah, thanks , seems as good solution