A plugin to add extensions to import declarations, is very useful when you use Typescript with Babel and don't want to explicity import .js modules.

# using npm
npm install --save-dev babel-plugin-add-import-extension
# usin yarn
yarn add -D babel-plugin-add-import-extension

Add to your plugins on your babel config file:

plugins: ['babel-plugin-add-import-extension'] // defaults to .js extension

Is possible to set the extension when you set the plugin:

plugins: [
    ['babel-plugin-add-import-extension', 'jsx'] // will add jsx extension
  ]

A module import without extension:

import { add, double } from './lib/numbers'

will be converted to:

import { add, double } from './lib/numbers.js'

Remember that this plugin will not override extensions.

What this plugin does is to check all imported modules and if your module is not on node_module it will consider that is a project/local module and add the choosed extension, so for node modules it don't add any extension.

I made this plugin for personal use on my typescript boilerplate, but if a lot of people start to use I can add tests and some documentation ;)