Meteor is Shopware’s open-source design system that drives our commerce solutions. Extend and customise every aspect of Shopware – create elegant, delightful, and accessible experiences. There are no limits to your imagination.
Add a import '@shopware-ag/meteor-component-library/dist/style.css';
Build the app
Actual behavior
The resulting css file is about ~4.5MB (~3.5MB gzipped) according to vite. Removing the inlined fonts will reduce the css bundle down to ~180KB (~25KB gzipped).
Expected behavior
Fonts aren't inlined as base64 within the same css file, but bundled separately to allow more selective import. Bundling 10 different fonts feels clumsy, and I'd like to be able to bundle, say, regular fonts only when I don't have bold or italic text.
System Info
No response
Any additional comments?
No response
Code of Conduct
[X] I have read and agree to follow Meteor's Code of Conduct
Package
@meteor/component-library
Package version
3.11.0
Link to minimal reproduction
https://stackblitz.com/edit/vitejs-vite-xmwwbk?file=src%2Fmain.js
Steps to reproduce
import '@shopware-ag/meteor-component-library/dist/style.css';
Actual behavior
The resulting css file is about ~4.5MB (~3.5MB gzipped) according to vite. Removing the inlined fonts will reduce the css bundle down to ~180KB (~25KB gzipped).
Expected behavior
Fonts aren't inlined as base64 within the same css file, but bundled separately to allow more selective import. Bundling 10 different fonts feels clumsy, and I'd like to be able to bundle, say, regular fonts only when I don't have bold or italic text.
System Info
No response
Any additional comments?
No response
Code of Conduct