babel-resolver

Babel Resolver

Resolve modules from any directory.

import User from '../../models/User';

Becomes:

import User from 'models/User';

Usage

Example using Babel 6 and babel-core/register.

In app/index.js:

require('babel-core/register')({
  presets: ['es2015'], // required for 'import'
  resolveModuleSource: require('babel-resolver')(__dirname)
});

require('./app.js');

In app/app.js:

import User from 'models/User';
// => resolves: "app/models/User.js"

Note: Run rm -rf ~/.babel.json if you're seeing errors.

Note2: Babel's resolveModuleSource is currently only called when you use import 'module', not when use require('module')

Also, keep in mind that you must provide absolute directory paths to babel-resolver.

Resolving Multiple Directories

In app/index.js:

var path = require('path');
var localModulesDir = __dirname;
var anotherDirToCheck = path.resolve(__dirname, 'lib');
var resolver = require('babel-resolver')(localModulesDir, anotherDirToCheck);

require('babel-core/register')({
  presets: ['es2015'],
  resolveModuleSource: resolver
});
require('./app');

In app/app.js:

import User from 'models/User';
// => resolves: "app/models/User.js"

import somethingInLib from 'somethingInLib';
// => resolves: "app/lib/somethingInLib.js"

Installation

npm i babel-resolver --save
rm -rf ~/.babel.json

Why not just set NODE_PATH?

Setting NODE_PATH=app is a perfectly valid solution. babel-resolver is for those who:

• find environment variables annoying
• want to resolve modules from more than one directory

License

MIT