webpack stats.json original filename?

[iam4x]

Hey,

For my server side rendering, I would need to map the original filename/path to the generated one. To make require(xxxx.png) works in node.

Is there a way to achieve this easily?

[sokra]

stats.modules[x].assets

[iam4x]

@sokra

Let's say I have this:

<img src={require('react-logo.png')} />

In my stats.json if I search for react-logo there's no results. I want to map the original filename to the generated one.

To achieve something like that:

{
  'react-logo.png': '28D983jdui.png'
}

Or am I thinking in the wrong way?

[sokra]

in stats.modules you have all modules in this format:

{
    id: 11,
    identifier: "...\\node_modules\\file-loader\\index.js!...\\test\\browsertest\\img\\image.png",
    name: "(webpack)/~/file-loader!./img/image.png",
    size: 81,
    cacheable: true,
    built: true,
    optional: false,
    prefetched: false,
    chunks: [0],
    assets: ["c31e9820c001c9c4a86bce33ce43b679.png"],
    issuer: "...\\test\\browsertest\\lib\\index.web.js",
    profile: {
        factory: 245,
        building: 121
    },
    failed: false,
    errors: 0,
    warnings: 0,
    reasons: [
        {
            moduleId: 0,
            moduleIdentifier: "...\\test\\browsertest\\lib\\index.web.js",
            module: "./lib/index.web.js",
            moduleName: "./lib/index.web.js",
            type: "cjs require",
            userRequest: "!file!../img/image.png",
            loc: "105: 3-36"
        }
    ],
    source: 'module.exports = __webpack_public_path__ + "c31e9820c001c9c4a86bce33ce43b679.png"'
}

assets: ["c31e9820c001c9c4a86bce33ce43b679.png"]

[iam4x]

Thanks found it 👍

[catamphetamine]

FYI
https://github.com/halt-hammerzeit/webpack-isomorphic-tools

This module enables the thing you tried to implement (requiring images on server for example)