Do such imports inflate the bundle?

Question

webpack

webpack4.

import Archive from '@icons/basic-24-archive_24';
import Message from '@icons/basic-24-message_24';
import Pin from '@icons/basic-24-pin_24';
import React from 'react';

const icons = {
    Archive,
    Message,
    Pin
};


export default (iconName) => {
    return React.createElement(icons[iconName] || Pin);
};

I'm interested in the question, if I request one icon using the exported function - will I have all 3 icons in the bundle or one?

Answer 1

all 3.