Wie löse ich absolute Required-Pfade mit Webpack?

Question

Ich versuche, eine bestehende Website zu konvertieren webpack zu verwenden, aber alle vorhandenen erfordern Wege sind absolut:

var Component = require('/path/to/my/component'); 

Ich habe durch die webpack documentation gelesen und fand auch this answer über Wege zu lösen, aber wasn‘ t ziemlich fähig, mein Problem zu lösen. Wenn resolve.root gemäß den Anweisungen in der Antwort oben Einstellung konnte ich das bekommen folgende arbeiten:

var Component = require('./path/to/my/component'); 
var Component = require('path/to/my/component'); 

Aber ich kann immer noch nicht herausfinden, wie der absolute Pfad zum Laufen zu bringen, und ich würde wirklich lieber nicht durchgehen und alle meine Pfade aktualisieren. Hier ist die Website-Struktur:

/app 
    /assets 
    /javascripts 
     /build 
     package.js 
     index.js 
/node_modules 

webpack.config.js:

var JS_ROOT = __dirname + '/app/assets/javascripts'); 

module.exports = { 
    entry: JS_ROOT + '/index', 
    output: { 
    path: JS_ROOT + '/build', 
    filename: 'package.js' 
    }, 
    ... 
    resolve: { 
    root: JS_ROOT 
    } 
}; 

Der Fehler, den ich erhalte ist:

Module not found: Error: Cannot resolve 'file' or 'directory' /path/to/component in /Users/<username>/<ProjectRoot>/app/assets/javascripts 

Was mache ich falsch?

Answer 1

Die resolve.root Konfigurationsoption kann das sein, was Sie nach. Es ist hier dokumentiert: http://webpack.github.io/docs/configuration.html#resolve-root

resolve.root Das Verzeichnis (absoluter Pfad), das Ihre Module enthält. Kann auch ein Array von Verzeichnissen sein. Diese Einstellung soll auf hinzufügen einzelne Verzeichnisse zu dem Suchpfad verwendet werden.

Es muss ein absoluter Pfad sein! Übergeben Sie nicht etwas wie ./app/modules.

Beispiel:

var path = erfordern ('Pfad');

// ... Entschluss: {root: [ path.resolve (‘./ app/modules '), path.resolve (' ./ Verkäufer/Module)]}