Iniettare le variabili nel pacchetto web

Question

Sto cercando di iniettare una variabile in ogni modulo nel mio pacchetto webpack in modo da avere informazioni di debug per gli errori JS per file. Ho permesso

node: { 
    __filename: true 
} 

Current file path in webpack

nel mio webpack.config, ma vorrei iniettare qualcosa come

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

in ogni modulo prima della compilazione. Ho visto il Banner Plugin con l'opzione raw ma sembra che questo sarebbe solo iniettare il banner al di fuori della chiusura del webpack piuttosto che il risultato desiderato di inserire script in ogni modulo.

Answer 1

Scrivi la tua loader:

my_project/my_loaders/filename-loader.js:

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

aggiungerlo alla vostra pipeline e assicurarsi di aggiungere anche la configurazione:

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

Vedere la documentazione su how to write a loader.

Answer 2

ho utilizzare le variabili per risolvere un paio di variabili nel mio file webpack.config.js:

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

Potrebbe non essere abbastanza dinamica, ma se lo è, allora si potrebbe essere in grado di bypassare questa soluzione caricatore.