webpack - presetname - Cómo configurar la resolución para los presets del cargador de babel

babel-loader

Question

Estoy tratando de hacer un paquete con webpack. Tengo una dependencia un poco compleja: algunos componentes requieren otros que se encuentran en alguna carpeta /home/.../ .

Componente ( /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"
    }
};

El problema es que la carpeta de far-away-components no contiene node_modules y recibo un error: Couldn''t find preset "react" relative to directory "/home/.../far-away-components" .

¿Cómo puedo configurar la resolve para babel-loader presets del babel-loader de babel-loader ?

Answer 1

@mqklin: Necesitaba esta solución temporal utilizando ".map (require.resolve)", porque no excluyó / node_modules / en sus cargadores. El siguiente formato debería funcionar:

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

Answer 2

Que tal correr

npm init

en la carpeta /home/.../far-away-components, y luego use npm para instalar lo que necesita.

Answer 3

Solución de problema github :

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