Variablen in das Webpack einfügen

Question

Ich versuche eine Variable in jedes Modul in meinem Webpack-Paket zu injizieren, um Debug-Informationen für JS-Fehler pro Datei zu erhalten. Ich habe

node: { 
    __filename: true 
} 

Current file path in webpack

in meinem webpack.config aktiviert ist, aber ich möchte so etwas wie

var filename = 'My filename is: ' + __filename; 

in jedes Modul vor der Kompilierung injizieren. Ich habe die Banner Plugin mit der raw Option gesehen, aber es scheint, dass dies nur das Banner außerhalb des Webpack-Verschlusses injizieren würde, anstatt mein gewünschtes Ergebnis, Skript in jedes Modul zu injizieren.

Answer 1

Schreiben Sie Ihre eigene loader:

my_project/my_loaders/filename-loader.js:

module.exports = function(source) { 
    var injection = 'var __filename = "' + this.resourcePath + '";\n'; 
    return injection + source; 
}; 

Fügen Sie es Ihrer Pipeline und stellen Sie sicher, auch die Konfiguration hinzuzufügen:

resolveLoader: { 
    modulesDirectories: ["my_loaders", "node_modules"] 
} 

Siehe Dokumentation unter how to write a loader.

Answer 2

ich Variablen verwenden, um ein paar Variablen in meiner webpack.config.js Datei zu beheben:

plugins: [ 
    new webpack.DefinePlugin({ 
     ENVIRONMENT: JSON.stringify(process.env.NODE_ENV || 'development'), 
     VERSION: JSON.stringify(require('./package.json').version) 
    }) 
] 

Es ist vielleicht nicht dynamisch genug sein, aber wenn es ist, dann könnten Sie in der Lage sein, diese loader Lösung zu umgehen.