I'm just wondering if others see the same in their projects, or perhaps I've done something wrong, but it looks to me like the dark styling takes up about 1/3 (using webpack-bundle-analyzer) of the total size of my app.
clr-ui-dark.min.css file appears very large, even when bundles are optimized
121 views Asked by blomster At
1
There are 1 answers
Related Questions in ANGULAR
- Firebase link existing user to anonymous account?
- It doesnt always show all the books on my homepage
- Google adsense ads.txt status cannot be not found
- When I navigate to the URL'http://localhost:4200/', it redirects me back
- Ionic Angular Standalone ion-icon are not showing at all
- How to make Angular understand that view child is of a specific type, not a general ElementRef?
- vscode, debug angular, first time, doesn't debug, 2nd time stops at main.js then it's ok
- How to perform CRUD operations on a static JSON array in Angular? (without API)
- Ngrx props<>() method in createAction()
- How to animate rotation of an image inside input control?
- Detecting click inside and outside of the listening component in Angular
- Angular - type guard not narrowing types
- In node_modules file i am getting Angular genric error while using fontawesome in angular12
- Angular 16 sending null values to API
- GoogleCloud Error: Not Found The requested URL was not found on this server
Related Questions in VMWARE-CLARITY
- How to build standalone webcomponent with VMware Clarity?
- Can I make an action before delete an entity that already selected in clarity combobox?
- VMware Clarity Wizard: How to make all pages active or clickable
- RTL Support with Logical CSS Properties
- Is it possible to combine vmware-clarity timeline selectors/components to achieve a more complex timeline?
- how to apply :root() variables from imported .css to angular component
- Problem importing Clarity components in Jest Unit Tests
- Angular clarity datagrid export filtered data to excel
- How to get data from the selected row in clarity datagrid and display it in modal
- Update values in Colspan(Summary Row) in the Datagrid on filter
- Using Jest with Angular 13 + Clarity
- Clarity modal is not showing in angular 13
- How to create clarity tree view with the api response recursively and lazy loaded
- Input loses focus when filtering an array, rendered using *ngFor and Clarity's Angular components
- Trying to install the Clarity library in Angular with "ng add @clr/angular" getting error "ERESOLVE unable to resolve dependency tree"
Related Questions in WEBPACK-BUNDLE-ANALYZER
- Webpack MUI5 Tree-Shaking
- Angular 14 lighthouse fix Avoid chaining critical request
- Angular 13 bundle size
- How to prevent Ngrx Feature modules from ending up in main.js for Angular?
- next.js bundle analyzer outputs 3 pages
- Webpack bundle analyzer shows different chunk size form Chrome Netwrok tab
- Using single component from library causes lazy-loaded modules to end up in main bundle
- Next.js First Load JS shared by all heavy within chunks/pages/_app-*
- What are the numbers in the file names in next bundle analyzer?
- Webpack Bundle Analyzer on post-optimized output
- How much of the node modules is included in my main JS bundle?
- How do I configure a Nextjs project to transpile a monorepo project with next bundle analyzer?
- webpack config with optional usage of BundleAnalyzerPlugin
- "First Load JS" size problem Next.js. (Using immutable.js)
- Why does webpack not like React.StrictMode
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)

Webpack and Angular CLI don't optimize the CSS so its just a matter of how much code is being shipped compared with other parts of your application. If you really need to optimize your CSS, then the approach is you'd have to build it yourself and leave out the unnecessary parts, though this can be difficult and cause bugs if you don't keep it updated properly.