How to set resolve for babel-loader presets

Question

I'm trying to make a bundle with webpack. I have a bit complex dependency: some components require other ones that are located in some /home/.../ folder.

Component (/home/.../far-away-components/base-component.js file):

import {base_component} from "base-component";
exports class MyComponent extends base_component {
   ...
}

webpack.config.js:

var path = require("path");
module.exports = {
    ...
    module: {
        loaders: [
            {
                test: /\.(js)$/,
                loader: "babel",
                query: {
                    presets: ['react', 'es2015', "stage-0"]
                }
            }
        ]
    },
    resolve: {
        alias: {
            "base-component": "/home/.../far-away-components/base-component.js"
    }
};

The problem is that far-away-components folder doesn't contain node_modules and I get an error: Couldn't find preset "react" relative to directory "/home/.../far-away-components".

How can I set resolve for babel-loader presets?

Answer 1

@mqklin: You needed this work-around using, ".map(require.resolve)", because you did not exclude /node_modules/ in your loaders. The format below should work:

    loaders: [
  {
    test: [/\.js$/, /\.es6$/],
    exclude: /node_modules/,
    loader: 'babel-loader',
    query: {
      cacheDirectory: true,
      presets: ['react', 'es2015'],
    }
  }
]

Answer 2

Solution from github issue:

query: {
  presets: [
    'babel-preset-es2015',
    'babel-preset-react',
    'babel-preset-stage-0',
  ].map(require.resolve),
}