ant-design-icons icon indicating copy to clipboard operation
ant-design-icons copied to clipboard

import from @ant-design/icons super slow

Open mitsol opened this issue 4 years ago • 3 comments

I'm using [email protected] with [email protected].

Any import of an Icon makes the app super slow on initial load (only initial site load).

E.g. using

import { LaptopOutlined, NotificationOutlined, UserOutlined } from '@ant-design/icons';

increases triggered site-reload to 10 seconds, while removing this line, site reload takes < 1 second.

mitsol avatar Jun 01 '20 07:06 mitsol

Same here

dimadev01 avatar Aug 12 '21 02:08 dimadev01

try the following: instead of using the named import

import { LaptopOutlined, NotificationOutlined, UserOutlined } from '@ant-design/icons';

use the default import for each icon:

import LaptopOutlined from '@ant-design/icons/LaptopOutlined';
import NotificationOutlined from '@ant-design/icons/NotificationOutlined';
import UserOutlined from '@ant-design/icons/UserOutlined';

this prevents from importing all icons.

mitsol avatar Aug 12 '21 07:08 mitsol

try the following: instead of using the named import

import { LaptopOutlined, NotificationOutlined, UserOutlined } from '@ant-design/icons';

use the default import for each icon:

import LaptopOutlined from '@ant-design/icons/LaptopOutlined';
import NotificationOutlined from '@ant-design/icons/NotificationOutlined';
import UserOutlined from '@ant-design/icons/UserOutlined';

this prevents from importing all icons.

Thank you very much, I missed tho think about that! Thanks!

dimadev01 avatar Aug 12 '21 11:08 dimadev01