[Bug]: rsbuild injectStyles: true and chunkSplit: all-in-one will inject lots \n and blank space with cssnano useless

[sbyps]

Version

System:
    OS: macOS 14.6.1
    CPU: (11) arm64 Apple M3 Pro
    Memory: 50.20 MB / 18.00 GB
    Shell: 5.9 - /bin/zsh
  Browsers:
    Chrome: 127.0.6533.120
    Safari: 17.6
  npmPackages:
    @rsbuild/core: ^1.0.1-beta.14 => 1.0.1-beta.14 
    @rsbuild/plugin-check-syntax: ^1.0.1 => 1.0.1 
    @rsbuild/plugin-sass: ^1.0.1-beta.14 => 1.0.1-beta.14 
    @rsbuild/plugin-vue2: ^1.0.1-beta.14 => 1.0.1-beta.14

Details

following the official docs: https://rsbuild.dev/zh/config/output/inject-styles#%E4%BD%BF%E7%94%A8%E5%9C%BA%E6%99%AF
then set config like
injectStyles: true,
chunkSplit: all-in-one

will inject lots \n and blank space with cssnano useless in js files

Reproduce link

https://github.com/sbyps/rspack-demo

Reproduce Steps

npm run build

cat the js files, search "\n ", will find lots of it

[sbyps]

@chenjiahan this PR resolves some case with css \n; but we can found lots of \n in sourcemap and js files;
rsbuild version: 1.0.1-rc.4
https://github.com/sbyps/rspack-demo

[chenjiahan]

This is as expected, the source map contains the source code

[sbyps]

This is as expected, the source map contains the source code

this image is not sourcemap but production file, also has \n

[chenjiahan]

Can you provide a reproduction?

[sbyps]

Can you provide a reproduction?

https://github.com/sbyps/rspack-demo/tree/main

pnpm run build

cat dist/504.js dist/record-portrait.js

[chenjiahan]

Fixed in https://github.com/web-infra-dev/rsbuild/releases/tag/v1.0.1-rc.5, can you have a try?

[sbyps]

Fixed in https://github.com/web-infra-dev/rsbuild/releases/tag/v1.0.1-rc.5, can you have a try?

after bump rc.5, the css files don't have \n any more, but js files has \n as same;

https://github.com/sbyps/rspack-demo/tree/main

pnpm run build

cat dist/record-portrait.js

[chenjiahan]

You mean this one?

It is a string, not CSS.

[sbyps]

You mean this one?

It is a string, not CSS.

it's vue template expression; should these \n   be minified?

@chenjiahan

[chenjiahan]

I think it's unrelated to Rsbuild