Breaking changes in Rsbuild v0.5.0

[chenjiahan]

This thread is used to collect planned breaking changes for Rsbuild v0.5.0.

[chenjiahan]

output.disableMinimize

Rename output.disableMinimize to output.minify to allow custom minify options.

• Before:

export default {
  output: {
    disableMinimize: true,
  }
};

• After:

export default {
  output: {
    minify: false,
  }
};

See #1681 for more details.

[chenjiahan]

#1730

[chenjiahan]

#1827

[chenjiahan]

@rsbuild/plugin-svgr

Remove svgDefaultExport

Remove the svgDefaultExport option, use svgrOptions.exportType instead.

• Before:

pluginSvgr({
  svgDefaultExport: 'component',
});

• After:

pluginSvgr({
  svgrOptions: {
    exportType: 'default',
  },
});

Disable mixedImport

Mixed import refers to exporting an SVG file as a URL and a React component at the same time:

import logoUrl, { ReactComponent as Logo } from './logo.svg';

console.log(logoUrl); // -> string
console.log(Logo); // -> React component

The mixedImport option is now disabled by default, projects using mixed import can manually enable this option:

pluginSvgr({
  mixedImport: true,
});

[chenjiahan]

#1789

[chenjiahan]

#1811

[chenjiahan]

#1815

[chenjiahan]

New Tree Shaking

Rsbuild v0.5.0 will enable the Rspack's new tree shaking in production build. This will significantly optimize the tree shaking algorithm, making the bundle size smaller in the production build.

If you encounter any issues with the new tree shaking in your project, you can report it to the Rspack repository through an issue. You can also manually switch to old tree shaking:

// rsbuild.config.ts
import { defineConfig } from '@rsbuild/core';

export default defineConfig({
  tools: {
    rspack: {
      experiments: {
        rspackFuture: {
          newTreeshaking: false,
        },
      },
    },
  },
});

[chenjiahan]

#1839