ReactJS: Bắt đầu

Làm theo một số bước sau để sẵn sàng với @loadable/component.

Cài đặt

Việc cài đặt @loadable/component chỉ cần một lệnh duy nhất như sau:

@loadable/babel-plugin là bắt buộc đối với Kết xuất phía máy chủ (Server Side Rendering) và tạo tên chunk tự động.

@loadable/server và @loadable/webpack-plugin chỉ được yêu cầu cho Kết xuất Phía Máy chủ.

Tách component đầu tiên của bạn

Loadable cho phép bạn kết xuất một import động như một component thông thường và dễ dàng tái sử dụng nó trong code của bạn.

import loadable from '@loadable/component'

const OtherComponent = loadable(() => import('./OtherComponent'))

function MyComponent() {
  return (
    <div>
      <OtherComponent />
    </div>
  )
}

Vậy là xong, OtherComponent bây giờ sẽ được tải trong một gói riêng biệt!