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

1## for global cli
2npm install --global fix-esm-import-path
3
4## for npm script
5npm install -D fix-esm-import-path

Usage

1fix-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.

(Click to expand the reason)

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.

Usage Example

Example on shell:

1npx fix-esm-import-path dist/server/index.js

Example on npm script (in package.json):

1{
2  "type": "module",
3  "scripts": {
4    "build": "run-s tsc fix",
5    "test": "run-s build js",
6    "tsc": "tsc -p .",
7    "fix": "fix-esm-import-path dist/test.js",
8    "js": "node dist/test"
9  },
10  "devDependencies": {
11    "fix-esm-import-path": "^1.0.1",
12    "npm-run-all": "^4.1.5",
13    "ts-node": "^10.1.0",
14    "typescript": "^4.3.5"
15  }
16}

Details refer to example

Related discussions

• Appending .js extension on relative import statements during Typescript compilation (ES6 modules)
• Provide a way to add the '.js' file extension to the end of module specifiers
• [FEATURE] absolute->relative module path transformation
• Support TypeScript import type when targeting ESNext with NodeNext module

License

This is free and open-source software (FOSS) with BSD-2-Clause License