Usage no npm install needed!

<script type="module">
  import babelPluginRelativeImport from 'https://cdn.skypack.dev/babel-plugin-relative-import';
</script>

README

Babel Plugin Relative Import

Import relative files with ease

import fooHelper from '~/helpers/example.js';
// Gets compiled to:
import fooHelper from './../../../helpers/foo.js';
// No more relative path mess!

npm install babel-plugin-relative-import --save-dev

Add a .babelrc file and write:

{
  "plugins": [
    "babel-plugin-relative-import"
  ]
}

You can use a custom root with the rootPathSuffix option.

{
  "plugins": [
    ["babel-plugin-relative-import", {
      "rootPathSuffix": "src/js"
    }]
  ]
}

You can also use a path starting with %/ in your rootPathSuffix to automatically resolve the closest package.json.

Inspired by the babel-root-import from Michael J. Zoidl.