Wstrzykiwanie zmiennych do pakietu sieciowego

Question

Próbuję wprowadzić zmienną do każdego modułu w moim pakiecie pakietu Webpack w celu uzyskania informacji o debugowaniu błędów JS na plik. Mam włączone

node: { 
    __filename: true 
} 

Current file path in webpack

w moim webpack.config, ale chciałbym, aby wprowadzić coś

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

do każdego modułu przed kompilacją. Widziałem Banner Plugin z opcją raw, ale wygląda na to, że tylko wstrzyknęłoby to baner poza zamknięcie pakietu, zamiast pożądanego wyniku wstrzyknięcia skryptu do każdego modułu.

Answer 1

Napisz ładowarka:

my_project/my_loaders/filename-loader.js:

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

dodać go do rurociągu i upewnij się, aby dodać także konfigurację:

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

Zobacz dokumentację na stronie how to write a loader.

Answer 2

używam zmiennych rozwiązać kilka zmiennych w moim pliku webpack.config.js:

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

To nie może być na tyle dynamiczny, ale jeśli tak, to może być w stanie ominąć to rozwiązanie ładowarka.