Ввод переменных в webpack

Question

Я пытаюсь ввести переменную в каждый модуль в моем пакете веб-пакетов, чтобы иметь отладочную информацию для ошибок JS для каждого файла. Я включил

node: { 
    __filename: true 
} 

Current file path in webpack

в моем webpack.config, но я хотел бы, чтобы привнести что-то вроде

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

в каждый модуль до компиляции. Я видел Banner Plugin с опцией raw, но, похоже, это только добавит баннер за пределы закрытия веб-пакета, а не мой желаемый результат ввода скрипта в каждый модуль.

Answer 1

Написать свой собственный загрузчик:

my_project/my_loaders/имя_файла-loader.js:

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

Добавить его в трубопровод и убедитесь, чтобы добавить также конфигурацию:

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

См. Документацию по адресу how to write a loader.

Answer 2

Я использую переменные, чтобы решить несколько переменных в моем webpack.config.js файле:

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

Это не может быть достаточно динамичным, но если это так, то вы можете быть в состоянии обойти этот загрузчик решения.