Hey, For my server side rendering, I would need to map the original

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

webpack `stats.json` original filename? about url-loader HOT 5 CLOSED

webpack-contrib commented on May 30, 2024

webpack `stats.json` original filename?

from url-loader.

Comments (5)

sokra commented on May 30, 2024

stats.modules[x].assets

from url-loader.

iam4x commented on May 30, 2024

@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?

from url-loader.

sokra commented on May 30, 2024

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"'
}