Webpack 2: cannot resolve Modul

Habe ich ein Projekt wie dieses:

root/
    webpack-config.js
    app/
       app.js
       js/
         dep.js
    core/
        module.js

Hier ist das webpack config-Datei:

module.exports = {
    entry: './app/app.js',
    output: {
        path: __dirname,
        filename: "[name]-bundle.js"
    },
    module: {
        loaders: [
            { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/     }          
        ]
    },
    resolve: {
      modulesDirectories: ['core']
    }
    ...

in app.js habe ich:

import local_dep from './js/dep';
import myModule from 'module';

Funktioniert dies wie erwartet mit webpack 1.x, aber das Modul myModule nicht gelöst mit webpack 2, ich bin immer "Modul nicht gefunden: kann nicht aufgelöst werden 'Modul' in ... \app".

Scheint es, die modulesDirectories Eintrag wird ignoriert, und die Basis-URL entspricht dem Eintrag Ordner.

Was kann ich tun, um Module zu lösen, richtig mit webpack 2 ?

Christopher Davies hat die richtige Antwort ist, sollten Sie es aktivieren.

InformationsquelleAutor warpdesign | 2016-07-01

4

Edit: Wie andere schon bemerkt, für Webpack 2, so etwas wie dies funktioniert:
```
{
  resolve: {
    extensions: ['.js', '.jsx'],
    modules: ['node_modules', path.resolve(__dirname, 'core')]
  },
}
```
Für Webpack 1, ich habe ein setup, das hat dieser Eintrag:
```
config.resolve = {
  //Allows us to include js and jsx files without specifying the extension
  extensions: ['', '.jsx', '.js'],

  root: [path.resolve('./core')]
};
```
- Eigentlich "global" habe ich gemeint, dass ein globales Modul, nicht das Globale Objekt. Ich habe bearbeitet Sie meine Frage.
- Wenn Sie Lesen, der doc, als laggingreflex wurde oben zitiert, "root" ist nicht mehr Teil des Webpack 2 Konfiguration beheben syntax. Nur "Module".
- Diese Antwort ist korrekt für Webpack v1.x aber verschieben bis zu Webpack v2.x die resolve.modules Objekt ersetzt modulesDirectories und root
InformationsquelleAutor Christopher Davies
12

aus: http://moduscreate.com/webpack-2-tree-shaking-configuration/

Im Webpack 2 Resolver von root, modulesDirectories, und fallback Einstellungen verschmelzen in einer einzigen Eigenschaft – modules. Hier ist, wie können wir beheben, Datei-und Modul-Standorten in Webpack 2:
```
  resolve: {
    modules: [
      path.resolve('./client'),
      'node_modules'
    ]
  },
```
Können Sie eine Anzahl von Verzeichnissen in modules, aber stellen Sie sicher, nicht zu vergessen node_modules oder npm package-Abhängigkeiten werden nicht geladen.

So, in Ihrem Fall zu dem, was vorher war:
```
resolve: {
  modulesDirectories: ['core']
}
```
muss nun
```
resolve: {
  modules: ['core'] //also 'node_modules' 
}
```
InformationsquelleAutor laggingreflex
-4

Dank an Christopher Davies habe das problem behoben durch hinzufügen von:
```
resolveLoader: {
  root: path.join(__dirname, 'node_modules')
},
resolve: {
    root: ['./core']
}
```
Musste ich hinzufügen resolveLoader Linie sonst war ich immer eine Fehlermeldung über babel-loader konnte nicht geladen werden.

InformationsquelleAutor warpdesign

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.