← All tools

fix-esm-import-path

Popularity 65 Updated Development & Build

Auto fix import path for esm compatibility.

npmauto-collected

Installation

npm
npm install -g fix-esm-import-path

Install with npm.

fix-esm-import-path

Auto fix import path for esm compatibility.

This cli tool modifies specified Typescript / Javascript files recursively. It appends .js extension on the import / export statements of relative module path.

Installation

## for global cli
npm install --global fix-esm-import-path

## for npm script
npm install -D fix-esm-import-path

Usage

fix-esm-import-path [options] <file-or-directory>

Options

--process-import-type: To add .js extension in the import path of import type statements when needed.

--preserve-import-type: To preserve the import path of import type statements as is.

Default mode is --process-import-type.

<details <summary(Click to expand the reason)</summary

In previous version, fix-esm-import-path does not modify the import path of import type statements because they are supposed to be removed in the javascript output.

However, under some settings, import path with extension is required for import type statements as well. So now fix-esm-import-path now modifies the import path of import type statements as well.

If your setup does not require fixing the import path for import type statements and you want to minimize git changes, you can use the --preserve-import-type flag to leave them as is.

</details

Usage Example

Example on shell: