babel-plugin-resolve-imports-for-browser icon indicating copy to clipboard operation
babel-plugin-resolve-imports-for-browser copied to clipboard

A Babel plugin to convert imports to support browser ESM

Babel Resolve: Imports to Browser ESM

Build Status

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';