ฉันสงสัยว่าจะมีค่าใช้จ่าย ประสิทธิภาพ หรือไม่ หากเราทำ การนำเข้าหลายรายการ เช่น:
import { wrapper } from './components/wrapper';
import { error } from './components/error';
import { products } from './components/products';
ในแต่ละโฟลเดอร์ส่วนประกอบ ฉันมี index.js และส่งออกตามชื่อ เช่น:
export { default as wrapper } from '.wrapper';
เปรียบเทียบกับ:
นำเข้าไฟล์ทั้งหมดเป็นการนำเข้าที่มีชื่อจากแหล่งเดียวกัน เช่น:
import {
wrapper,
error,
products,
} from './components';
ในโฟลเดอร์ components ฉันมีดัชนีที่ฉันรวบรวมและส่งออกไฟล์ทั้งหมด เช่น:
export { wrapper } from '...';
export { error } from '...';
export { products } from '...';
importของเบราว์เซอร์ หากคุณใช้เบราว์เซอร์importการใช้ไฟล์อื่นชื่อ./componentsจะเป็นอีกการดึงข้อมูลไปยังเซิร์ฟเวอร์ ดังนั้นตามทฤษฎีแล้วอาจช้าลง ฉันพูดตามทฤษฎีเพราะการใช้ http2/spdy ก็สามารถลบล้างผลกระทบนั้นได้เช่นกัน - person Keith schedule 06.03.2020