Performance Optimization

Build performance

Storybook 7+ faster builds के लिए Vite का use करता है। Addons को lazy-load करके, proper aliases configure करके, और प्रति page story count को reduce करके अपने build को optimize करें।

Vite configuration

Storybook के लिए Vite optimization को configure करें।

export const viteFinal = async (config) => ({
  ...config,
  optimizeDeps: {
    ...config.optimizeDeps,
    include: ['react-dom'],
  },
});

export default {
  core: {
    builder: '@storybook/builder-vite',
    disableTelemetry: true,
  },
};

Addons को lazy-load करना

Initial load time को reduce करने के लिए current environment में केवल आवश्यक addons को load करें।