Comments (3)
However, this leads to the entire icon library of 7+ MB to be included in the app bundle, not only that icon that is actually used.
It's important to distinguish that this is only the case during development. After the project is built for production, only the icons you use will end up in the bundle.
I do agree with the sentiment, though. The documentation should be updated to change the recommended usage to use deep import paths to improve dev-server load times (and build times).
from lucide.
Isn't there some plugin which can solve this? I remember that antd used a babel plugin to handle this kind of issue: https://www.npmjs.com/package/babel-plugin-import
Does anyone know anything similar for vite/sveltekit?
from lucide.
It's added to the docs in #1766 by @shyakadavis 🎉 , see docs: https://lucide.dev/guide/packages/lucide-svelte#example
from lucide.
Related Issues (20)
- `Captions` icon is being exported as Subtitles icon in `lucide-react` HOT 1
- Border for tables HOT 1
- Find icon by name HOT 4
- New Twitter Icon (X) HOT 1
- [Angular] Standalone component compatibility HOT 8
- [Icon Request] "Home Plus" icon HOT 8
- LucideProps type not found in 'lucide-solid' HOT 1
- Wrong name of Ellipsis icon at website HOT 3
- Uncaught ReferenceError: iconAndAliases HOT 4
- Where is @lucide/shared HOT 14
- Male and Female Icons HOT 1
- [icon-request]: podium - a raised platform with different levels (not lectern) HOT 2
- Parallelogram HOT 3
- svelte-check error when using ComponentType<Icon> HOT 6
- Documentation for icon font does not respect case sensitive systems
- icon request: `index-card` HOT 1
- React 19 support HOT 3
- transparent icons show overlapping internal shapes HOT 2
- 0.378.0 introduced a hydration bug that can be seen when using nextjs or remix
- Module '"lucide-react"' has no exported member 'Notebook'.ts(2305) HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lucide.