How to configure a lib with multiple targets?

[ViktorZhurbin]

Example would be this setup of a Rspress plugin where they have dist/cli and dist/web.

• cli/ exports rspress plugin that runs in Node at build time
• web/ exports React components.

But they are using Modern.js instead. Can Rslib be configured this way, considering that target can be either web or node?

[Timeless0911]

Sure, just modify target in each item of lib array.

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

export default defineConfig({
  lib: [
    {
      format: 'esm',
      output: {
        target: 'web',
      },
    },
    {
      format: 'esm',
      output: {
        target: 'node',
      },
    },
  ],
});

[fi3ework]

You could check the migrated Rslib config of the case you provided. https://github.com/web-infra-dev/rspress/pull/1770/files#diff-605f1ec46dc20df4ee9c502cd9c8b342db2c6ec5b3d7dd40b0fc8aad00fc0673R4-R57

[ViktorZhurbin]

Thank you for the quick responses!