babel-plugin-module-extension-resolver

babel-plugin-module-extension-resolver

Babel plugin that resolves and maps module extensions.

Inspired by babel-plugin-extension-resolver.

Examples

JavaScript

Directory structure:

root
├ dir
│ ├ index.js
│ └ lib.js
├ main.js
└ settings.json

Input (main.js):

require("./dir/lib");
require("./dir/lib.js");    // file exists
require("./dir");           // directory has "index.js"
require("./settings");      // ".json" extension
require("./no-such-file");  // file NOT exists
require("dir");             // not begins with "."

Output:

require("./dir/lib.js");
require("./dir/lib.js");
require("./dir/index.js");
require("./settings.json");
require("./no-such-file");
require("dir");

JavaScript (.mjs extension)

Directory structure:

root
├ dir
│ ├ index.mjs
│ └ lib.mjs
└ main.mjs

Input (main.mjs):

import "./dir/lib";
import "./dir";

Output:

import "./dir/lib.mjs";
import "./dir/index.mjs";

TypeScript

Directory structure:

root
├ dir
│ ├ index.ts
│ └ lib.ts
└ main.ts

Input (main.ts):

import "./dir/lib";
import "./dir";

Output:

import "./dir/lib.js";
import "./dir/index.js";

NOTE: .ts is replaced with .js. This behavior can be customized by options.

For complete project, see below examples.

• ECMAScript with @babel/preset-env
• TypeScript with @babel/preset-typescript
• TypeScript with tsc and Babel

Install

npm i -D babel-plugin-module-extension-resolver

.babelrc

{
  "plugins": ["module-extension-resolver"]
}

With options:

{
  "plugins": [
    ["module-extension-resolver", {
      "extensions": [".js", ".cjs", ".mjs", ".es", ".es6", ".ts", ".node", ".json"],
      "map": {
        ".ts": ".js",
        ".es": ".js",
        ".es6": ".js",
        ".node": ".js"
      }
    }]
  ]
}

Options

extensions

extensions to resolve

defaults:

[
  ".js",
  ".cjs",
  ".mjs",
  ".es",
  ".es6",
  ".ts",
  ".node",
  ".json"
]

map

extension mapper

defaults:

{
  ".ts": ".js",
  ".es": ".js",
  ".es6": ".js",
  ".node": ".js"
}

Changelog

See CHANGELOG.md.

Changelog

[0.2.0] - 2020-01-04

Changed

• support export from syntax
• support .cjs extension

Fixed

• Node.js version >=8.0.0