[Bug]: Bundle analyze includes assets as parts of JS chunks

[andrzej-early]

Version

System:
    OS: Linux 6.14 Ubuntu 24.04.3 LTS 24.04.3 LTS (Noble Numbat)
    CPU: (20) x64 12th Gen Intel(R) Core(TM) i7-12700H
    Memory: 30.24 GB / 62.47 GB
    Container: Yes
    Shell: 5.9 - /usr/bin/zsh
  Browsers:
    Chrome: 142.0.7444.175
    Firefox: 145.0.2
    Firefox Developer Edition: 145.0.2
  npmPackages:
    @rsbuild/core: ~1.6.14 => 1.6.14 
    @rsbuild/plugin-react: ~1.4.2 => 1.4.2 
    @rsbuild/plugin-sass: ~1.4.0 => 1.4.0 
    @rsbuild/plugin-type-check: ~1.3.2 => 1.3.2

Details

I'm running analyzer with BUNDLE_ANALYZE=true. It includes assets as a part of JS chunks, even though these assets are just pathnames to files located in separate directory. See reproduction steps below.

Reproduce link

Reproduce Steps

A basic configuration:

import { defineConfig } from '@rsbuild/core'
import { pluginReact } from '@rsbuild/plugin-react'

export default defineConfig({
  source: { entry: { main: require.resolve(`${__dirname}/index.tsx`) } },
  plugins: [pluginReact()],
})

index.tsx:

import { createRoot } from 'react-dom/client'
import image from './assets/christmas-tree.gif'

createRoot(document.getElementById('root')!).render(<img src={image} alt='' />)

I'm building my app with a flag BUNDLE_ANALYZE=true yarn rsbuild build -c rsbuild.config.mts, and it produces correct output with the GIF asset in a separate file:

File (web)                                      Size       Gzip   
dist/main.html                                  0.35 kB    0.24 kB
dist/static/js/main.23b79125.js                 1.1 kB     0.71 kB
dist/favicon.ico                                15.1 kB 
dist/static/image/christmas-tree.54b83204.gif   60.0 kB 
dist/static/js/lib-react.ea104dc4.js            140.0 kB   45.0 kB

There's only let i=t.p+"static/image/christmas-tree.54b83204.gif" in the .js file. Yet, report-web.html shows that this GIF file is a part of main chunk:

When I look into my archive with output produced by Webpack, it clearly shows correct size of the assets in my chunk:

[chenjiahan]

If you inlined this asset into the JavaScript, it should appear in the bundle analyzer results. Otherwise, it will not

[andrzej-early]

No, no, I didn't inline it. That's why I pointed out that there's only let i=t.p+"static/image/christmas-tree.54b83204.gif" in the output JS file, and the GIF file is emitted to its directory.

[github-actions]

Hello @andrzej-erli. Please provide a reproduction repository or online demo. For background, see Why reproductions are required. Thanks ❤️

[chenjiahan]

The BUNDLE_ANALYZE=true is based on the community plugin webpack-bundle-analyzer, and it will be removed in the next major Rsbuild release. You might want to try the treemap view in Rsdoctor to see if it meets your needs: https://rsdoctor.rs/guide/usage/bundle-size#bundle-treemap-graph

[andrzej-early]

That's sad.
I can see Rsdoctor improved since I tried it last time. Although, it shows bad results for my main chunk. Not sure why because webpack-bundle-analyzer works correctly.

[yifancong]

@andrzej-erli Could you provide the sourcemap for main.js and the stats.json file? Thanks
It would be great if you could provide a reproducible repository.

[yifancong]

@andrzej-erli In addition, please confirm, is Rsdoctor version 1.3.13?

[andrzej-early]

Yes, it's 1.3.13. Here's a reproduction with broken Rsdoctor output https://codesandbox.io/p/github/rspack-contrib/rsbuild-codesandbox-example/csb-944zwv/draft/inspiring-babycat

Here's output from webpack-bundle-analyzer:

[yifancong]

@andrzej-erli
Solution: Configure output.sourceMap to true when RSDOCTOR = true.

Rsdoctor relies on sourcemaps for analysis. Normally, there’s no need to manually enable sourceMap as it should work in the latest Rspack projects. However, I’m not sure why it doesn’t work in this Rsbuild project. I’ll investigate further, but for now, please enable sourceMap manually.

[andrzej-early]

Okay, it works good. Are there any plans on improving clarity of the output? I feel like it's too fused together when comparing to webpack-bundle-analyzer's output.

[yifancong]

@andrzej-erli OK, I will try to optimize it to make it clearer.