Rewrite __dirname relative to output directory when targeting node

As is, __dirname isn’t useful if we want to refer to static resources within a node package. One simple solution is to set __outputdir to be __dirname as is, and just refer to static resources relative to the output directory.

I also experimented with recovering the original __dirname semantic by calculating it relative to the output directory (assuming that the output directory is nested within the context).

Here’s what I mean in terms of a plugin:

function DirnamePlugin() {
}

DirnamePlugin.prototype.apply = function(compiler) {
  compiler.parser.plugin("expression __outputdir", function() {
    this.state.current.addVariable("__outputdir", "__dirname");
  });

  compiler.parser.plugin("expression __moduledir", function() {
    const moduleRelativePathFromContext = path.relative(compiler.context, this.state.module.context);

    const outputDir = "__dirname";
    // TODO: Figoure out the package dir relative to outputdir. Now just assumes it to be the parent of outputdir.
    const packageDir = `${outputDir} + '/../'`;

        this.state.current.addVariable("__moduledir", `${packageDir} + ${JSON.stringify(moduleRelativePathFromContext)}`);
        return true;
    });
}

Right now I use __moduledir to mean __dirname. Would you consider something like this to be merged into NodeStuffPlugin?

[anboxer]

I solve this issue by using the DefinePlugin plugin

plugins: [
         new webpack.DefinePlugin({
            "__dirname": "__dirname"
        })
    ]

After adding this definition, webpack will not create VAR INJECTION for __dirname

PS: webpack@2.2.1

[webpack-bot]

Issue was closed because of inactivity.

If you think this is still a valid issue, please file a new issue with additional information.