How to completely disable the built-in CSS handling?

[shixianqin]

Hi,
Is there a way to completely disable rsbuild’s built-in CSS handling logic?
I’d like to fully customize how CSS files are loaded and processed, including using my own loaders and plugins, without any interference from the built-in CSS configuration.

Is there currently a configuration option or recommended approach to achieve this?
Thanks!

[chenjiahan]

Hi, you can use tools.bunderChain to remove the built-in CSS-related rules, like this:

export default defineConfig({
  tools: {
    bundlerChain(chain, { CHAIN_ID }) {
      chain.module.rules.delete(CHAIN_ID.RULE.CSS);
      chain.module.rules.delete(CHAIN_ID.RULE.CSS_INLINE);
      chain.module.rules.delete(CHAIN_ID.RULE.CSS_RAW);
    },
  },
});

https://rsbuild.rs/config/tools/bundler-chain