Nextjs Extra Compiled Module

[laurent512]

Hello,

It seems that adding the icons file as it is written in the doc (link below) increase by a huge amount the compiled modules during development.
https://platejs.org/docs/components/installation/next

That slows down the compilation process during development massively . (~2500 extra modules in my project because of that)
Is there a way to rewrite that to avoid this situation?

I already added the following in next.config.js which improved a lot but not enough :

module.exports = withNextIntl({
// Other Next.js configuration ...
experimental: {
serverActions: true,
},
modularizeImports: {
'lucide-react': {
transform: 'lucide-react/dist/esm/icons/{{ kebabCase member}}'
}
}
});

Thank you so much in advance

[zbeyens]

I think this should help a lot: https://lucide.dev/guide/packages/lucide-react#with-dynamic-imports

[12joan]

Dynamic imports will improve bundle size (@laurent512 not sure if that's also an issue for you?), but I don't think it will improve the number of compiled modules.

[zbeyens]

@laurent512 Also, make sure you don't import / remove unused icons!

[laurent512]

Thanks for the reply ! Bundle size is not the problem; ^^
I really want to lower town the amount of compiled modules

[laurent512]

And I am not so familiar with the dynamic import; if you have a template using it somewhere I would really appreciaite 👍

[laurent512]

Any intention to solve that? :)

[zbeyens]

Would love to but I have no idea how. Also, I'd consider this issue external to Plate. I'd ask in https://github.com/lucide-icons/lucide/discussions