Current file path in webpack

Question

Is there any way to receive current file path, like in requirejs?

define(['module'], function (module) {     console.log(module.uri) }); 

Answer 1

Yep there is one: __filename.

But by default webpack doesn't leak path information and you need to set a config flag to get real filename instead of a mock ("/index.js").

// /home/project/webpack.config.js module.exports = {   context: __dirname,   node: {     __filename: true   } } 

Than you can use __filename get the current filename relative to the context option:

// in /home/project/dir/file.js console.log(__filename); // => logs "dir/file.js" 

The filename is only embedded into modules where __filename is used. So you don't have to be affraid that paths are leaked from other modules.

Answer 2

To get the filename an the dir name I added this to the web pack config

node : {    __filename: true,    __dirname: true, }, 

setting the context to __dirname messed up my web pack config since I have my webpackconfig not placed in root but the paths are setup that way