babel-plugin-resolve-imports-for-browser

Babel Resolve: Imports to Browser ESM

A Babel 7 compatible transform to convert import paths to browser-compatible source paths. Users of previous module systems are used to using extensionless imports and files from node_modules. This module is designed to make any module loadable by the web module system.

Usage

npm install --save-dev babel-plugin-resolve-imports-for-browser

Update your babel configuration:

{
  "plugins": ["resolve-imports-for-browser"]
}

Now code like this:

import PropTypes from 'prop-types';

Will turn into this:

import PropTypes from 'node_modules/prop-types/index.js';

And code like this:

import { file } from './local-file';

Will turn into this:

import { file } from './local-file.js';