How to exclude of bundle the Storybook files

[Andres6936]

Currently, when compiling the library, the Storybook files are being included as part of it in the distributable, which are completely unnecessary files. I have tried using the 'exclude' option, but they are still being included in the distributable.

[Timeless0911]

https://lib.rsbuild.dev/config/lib/bundle#bundle-false You should set it in source.entry with glob pattern.

source.exclude is used to exclude files to be compiled, see https://rsbuild.dev/config/source/exclude#not-compiled-vs-not-bundled

[Andres6936]

Thank you, @Timeless091, it has partially worked. Although the Storybook files are no longer included, the .d.ts files are still being included.

I tried include the Storybook files in the exclude

[Timeless0911]

The dts generation is equivalent to npx tsc command. And maybe you should configure corresponding field in tsconfig.json right.

There are two ways to achieve:

• Keep current tsconfig.json and modify some fields to let npx tsc emit only src files as you expected, like below:

{
  "compilerOptions": {
    "baseUrl": "./",
    "rootDir": "src",
  },
  "include": ["src"],
}

• Create a new tsconfig.build.json to just include src folder and remember to set source.tsconfigPath to tsconfig.build.json in your rslib.config.ts.

We plan to do some configuration check to give some warning to users to make them configure both tsconfig.json and rslib.config.ts well, but it is a huge work and we hope to achieve this in the near future.

[Andres6936]

Finally, I achieved it with the following tsconfig.json:

{
  "compilerOptions": {
    "lib": [
      "DOM",
      "ES2021"
    ],
    "module": "ESNext",
    "jsx": "react-jsx",
    "strict": true,
    "skipLibCheck": true,
    "isolatedModules": true,
    "resolveJsonModule": true,
    "moduleResolution": "bundler",
    "useDefineForClassFields": true
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx"
  ],
  "exclude": [
    "**/*.stories.ts",
    "**/*.stories.tsx"
  ]
}