Storybook build bundle size #2744
Unanswered
ShreenidhiBodas
asked this question in
Q&A
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
When I run
![Screenshot 2023-12-18 at 7 30 15 PM](https://private-user-images.githubusercontent.com/50632666/291305941-cfb91e88-558c-4f9b-9f15-752ca3225dd9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE4MjU2OTUsIm5iZiI6MTcyMTgyNTM5NSwicGF0aCI6Ii81MDYzMjY2Ni8yOTEzMDU5NDEtY2ZiOTFlODgtNTU4Yy00ZjliLTlmMTUtNzUyY2EzMjI1ZGQ5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI0VDEyNDk1NVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWMzMmI5ZWMzOWNkZTUwMGM0NzNlYzQxNGU5MzQwZGUxZGVhYTI5MzYwZjE0YjkzNzM0MmViNzIxMDUyM2M5ZTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.2TRUMlXpWGLMr8RCKaJW93aQq8n0uLf6L2r5gwBn488)
npm run build-storybook
, I get a warning stating the asset size exceeds the recommended limit. Please refer to the following screenshot:But, when I access the published storybook URL (for example: https://angular.carbondesignsystem.com/iframe.html?args=align:end;size:lg&id=components-accordion--basic&viewMode=story), the network calls made do not show the same bundle size. (see the following screenshot)
![Screenshot 2023-12-18 at 7 34 30 PM](https://private-user-images.githubusercontent.com/50632666/291307801-ff83f7b1-71a7-4118-a8eb-223de28abac9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE4MjU2OTUsIm5iZiI6MTcyMTgyNTM5NSwicGF0aCI6Ii81MDYzMjY2Ni8yOTEzMDc4MDEtZmY4M2Y3YjEtNzFhNy00MTE4LWE4ZWItMjIzZGUyOGFiYWM5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI0VDEyNDk1NVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTc1Y2MxOWQxZWEzMGU4ZGQwZTZlYzg1YmQzMjFkM2I0Y2VkMjhlNzk4ZDM1MTc2MWZmMWJlOWUxYTQ5ZjMwMTkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.VrbciJOgXQi94CvcDSObpugjzA1jOVl5xvfScuqxXg8)
Due to latest Chrome update, sometimes I get the Ad Removed error for the storybook build for a different project. How are you guys managing to optimize the bundle size when the bundle built by webpack config is huge.
Beta Was this translation helpful? Give feedback.
All reactions