با Chakra UI و NextJS سایز باندل را کاهش دهید

با رابط کاربری چاکرا اندازه بسته را کاهش دهید

سلام، من سعی می کردم اندازه بسته نرم افزاری ساخته شده با چاکرا و nextj را کاهش دهم. من سعی کردم از سه روش مختلف برای وارد کردن استفاده کنم ارائه دهنده چاکرا تاثیر هر روش را بر اندازه بسته نرم افزاری از بزرگترین تا بهترین روش با شما به اشتراک خواهد گذاشت.

1. فقط آن را مانند مستند در راهنمای مستندات وارد کنید. وارد کردن { ChakraProvider } از “@chakra-ui/react”؛

1. واردات آن از وارد کردن { ChakraProvider } از “@chakra-ui/provider”؛
   بجای /واکنش کن

1. وارد کردن آن با استفاده از next/dynamic

import dynamic from "next/dynamic";
    const ChakraProvider = dynamic(() => import("@chakra-ui/provider").then(
        (mod) => mod.ChakraProvider)
    );

شما می توانید تصاویر نتیجه پیوست را بررسی کنید.