Dynamic Imports (코드분할 로드)

God Beom·2022년 5월 11일
0

TL;DR

  • 필요한 시점에 맞춰 코드 로딩 할 수 있음.
  • babel-plugin-syntax-dynamic-import webPack필요.
  • SPA의 화면 분할로딩으로 활용 가능.

async/await처럼 동작 : red적용

import "common/comm-global.scss"; // blue :  http CSS 로딩 (module-fedration)
import "@/assets/styles/global.scss"; // red

Promise 처럼 동작. blue 적용 (http로 가져온 css가 나중에 반영되어 덮어쓰워짐)
실제로 await, then, catch 가능.

import("common/comm-global.scss"); // blue : http CSS 로딩 (module-fedration)
import("@/assets/styles/global.scss"); // red

https://pks2974.medium.com/dynamic-import-%EB%A1%9C%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80-%EC%84%B1%EB%8A%A5-%EC%98%AC%EB%A6%AC%EA%B8%B0-caf62cc8c375

profile
의미있는10%코드를 위하여

0개의 댓글