digamos que tengo un archivo util.js en mi proyecto de reacción, que tiene varias funciones útiles que estoy usando en los componentes de reacción.

 export const functionOne = () => { //does something return some_value; } export const functionTwo = () => { //does something return some_value; } export const functionThree = () => { //does something return some_value; }

y consideremos estos 2 escenarios.

Primer escenario en el que estamos usando * importaciones en el componente de reacción <ComponentA />

 import React, { useState } from react; import * as util from "./util.js"; const ComponentA = () => { return <button onClick={() => util.functionOne()} > Button </button> } export default ComponentA;

Segundo escenario en el que no hacemos * import y solo importamos algunas funciones específicas que están dentro del archivo util.js en <ComponentA />

 import React, { useState } from react; import { functionOne } from "./util.js"; const ComponentA = () => { return <button onClick={() => functionOne()} > Button </button> } export default ComponentA;

Ahora, cuando el paquete web empaqueta este componente <ComponentA /> en el primer escenario en el que estoy usando la importación de estrellas, ¿incluye todas las funciones dentro de las utilidades en el archivo agrupado?

No estoy usando la aplicación Create React.