Мне было интересно и немного запутано, какой стиль импорта мне следует использовать, до этого момента я сталкивался с этим импортом, и я не уверен, какой из них быстрее, или стоит ли рефакторинг моих кодов для использования одного из них. вместо другого
Type1: , (очень просто, здесь нет проблем):
//This is simple and straight forward
import Component from 'Component';
Type2 (Это один из тех, у меня есть некоторые сомнения по поводу ):
//#definition JavascriptUtils :
export function a {}
export function b {}
///,2000 more lines
Теперь это можно использовать двумя способами:
//#usage JavascriptUtils :
//1-
import * as JavascriptUtils from 'Utils/JavascriptUtils'
//2-
import {a, b} as JavascriptUtils from 'Utils/JavascriptUtils'
Теперь я не уверен, есть ли разница между 1 или 2 или, если есть, разве мне все равно? Есть ли большая разница в производительности или размере пакета, я часто пользуюсь этой утилитой, так что я хотел бы знать, как много преимуществ 1 может дать мне
Type3:
//#definition UIUtils :
export const UIUtils = {
a,
b,
}
export function a {}
export function b {}
//#usage UIUtils
import {UIUtils} from 'Utils/UIUtils'
Type4:
//#definition UIUtils :
export const UIUtils = {
a,
b,
}
export function a {}
export function b {}
//#definition JSUtils :
export const JSUtils = {
c,
d,
}
export function c {}
export function d {}
//inside utils/index.js
export * from './UIUtils';
export * from './JSUtils';
//#usage UIUtils
import {UIUtils} from 'utils'
import {JSUtils} from 'utils'
Так что это все разные типы импорта, которые я использовал до сих пор, мне действительно хотелось бы знать, какой из них лучший, какой - faster
, а какой вызывает меньше build size
? или если нет разницы или разница невелика, я бы тоже хотел это знать.
Мне бы особенно хотелось узнать, замечу ли я большую разницу в размере сборки, если я использую {a} from import
vs * as utils import
, мои утилиты содержат более 2000 строк и используются в программе сотни раз Спасибо!