Wie legen Sie lösen für die babel-loader-Vorgaben

Ich versuche, mich ein bundle mit webpack. Ich habe eine etwas komplexe Abhängigkeit: einige Komponenten benötigen, befinden sich in einigen /home/.../ Ordner.

Komponente (/home/.../far-away-components/base-component.js- Datei):

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"
    }
};

Das problem ist, dass far-away-components Ordner nicht enthalten node_modules und ich bekomme eine Fehlermeldung: Couldn't find preset "react" relative to directory "/home/.../far-away-components".

Wie kann ich resolve für babel-loader presets?

InformationsquelleAutor der Frage mqklin | 2016-01-03

  1. 42

    Lösung von github issue:

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

    InformationsquelleAutor der Antwort mqklin

  2. 1

    @mqklin: Sie benötigt dieses Werk, um mit ".Karte(erfordern.lösen)", weil Sie nicht ausschließen /node_modules/in Ihrem Radlader. Das format unten sollte funktionieren:

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

    InformationsquelleAutor der Antwort Jim Kim

  3. 0

    Wie etwa laufen 

    npm init

    in /home/.../weit-Weg-Komponenten-Ordner,
    und dann verwenden npm zu installieren, was Sie brauchen.

    InformationsquelleAutor der Antwort youngwind

Schreibe einen Kommentar