Hi, We are integrating GoodData.UI in our Angular ...
# gooddata-ui
Hi, We are integrating GoodData.UI in our Angular 13 app. We are running into an issue with building our app for prod. We have a maximum size for our component stylings to be 250kb. Unfortunately with all the calls to the css it's about 1.05MB. Any ideas on making this smaller?
I have a few other questions re: styles here as well. The examples in here: https://sdk.gooddata.com/gooddata-ui/docs/ht_use_react_component_in_angular_2.x.html use .css, not the .scss. Is there a reason? I did try using .scss but I got error when doing an npm run build.prod but I got I ran into errors. The filter, pivot and dashboard all gave me this same error, when charts, ext, geo did not.
Here is a screenshot of the error:
Hi Carol. This is a bit specific, so I’m working on getting you some qualified advice on it. We’ll get back to you as soon as we can.
👍 1
Hello @Carol Hood please can you try to disable minification to get a better error message? ( see: https://stackoverflow.com/questions/71916458/editor-component-scss17100-error-unterminated-string-token-angular-scss )
This is on the sdk-ui-filters:
The same for sdk-ui-pivot:
It looks like those were the only 2 that are causing problems.
It seems as a some wrong import in the SDK, sorry for the inconvenience. I'll create a ticket for it. Maybe as a temporary workaround, installing
could fix it. Otherwise, I cannot think about anything better than increasing the limit for the CSS size.