Skip to content

[Bug]: output.inlineStyles: true doesn't seem to work in dev #2957

@matteom-synth

Description

@matteom-synth

Version

System:
    OS: macOS 14.5
    CPU: (11) arm64 Apple M3 Pro
    Memory: 554.95 MB / 36.00 GB
    Shell: 3.7.1 - /opt/homebrew/bin/fish
  Browsers:
    Chrome: 126.0.6478.182
    Safari: 17.5
  npmPackages:
    @rsbuild/core: 1.0.1-beta.3 => 1.0.1-beta.3
    @rsbuild/plugin-react: 1.0.1-beta.3 => 1.0.1-beta.3

Details

I'm not sure if I have some wrong expectations, but output.inlineStyles: true doesn't seem to inline stylesheets into the resulting HTML in dev. Is it supposed to work only on production builds?

Reproduce link

https://github.com/matteom-synth/rsbuild-issue-repro-3

Reproduce Steps

  1. Clone the repo.
  2. Run pnpm install.
  3. Run pnpm dev.
  4. Check the HTML output. My expectation is that, given that output.inlineStyles is set to true, the stylesheet should be inlined into the HTML. But it doesn't seem to be the case:
image

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions