Commit534a459

committed

refactor(Global): dynamic load some Comp to reduce SSR load

1 parent8821063 commit534a459Copy full SHA for 534a459

File tree

+32

-7

lines changed

+32

-7

lines changed

Lines changed: 29 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,29 @@`
	`1`	`+importdynamicfrom'next/dynamic'`
	`2`	`+`
	`3`	`+exportconstDoraemon=dynamic({`
	`4`	`+loader:()=>import('@/containers/Doraemon'),`
	`5`	`+// eslint-disable-next-line react/display-name`
	`6`	`+loading:()=><div/>,`
	`7`	`+ssr:false,`
	`8`	`+})`
	`9`	`+`
	`10`	`+exportconstPreview=dynamic({`
	`11`	`+loader:()=>import('@/containers/Preview'),`
	`12`	`+// eslint-disable-next-line react/display-name`
	`13`	`+loading:()=><div/>,`
	`14`	`+ssr:false,`
	`15`	`+})`
	`16`	`+`
	`17`	`+exportconstErrorBox=dynamic({`
	`18`	`+loader:()=>import('@/containers/ErrorBox'),`
	`19`	`+// eslint-disable-next-line react/display-name`
	`20`	`+loading:()=><div/>,`
	`21`	`+ssr:false,`
	`22`	`+})`
	`23`	`+`
	`24`	`+exportconstFooter=dynamic({`
	`25`	`+loader:()=>import('@/containers/Footer'),`
	`26`	`+// eslint-disable-next-line react/display-name`
	`27`	`+loading:()=><div/>,`
	`28`	`+ssr:false,`
	`29`	`+})`

Lines changed: 3 additions & 7 deletions

Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,7 @@`
`6`	`6`
`7`	`7`	`importReact,{useEffect,useState}from'react'`
`8`	`8`	`importTfrom'prop-types'`
	`9`	`+importdynamicfrom'next/dynamic'`
`9`	`10`
`10`	`11`	`importuseNetworkfrom'react-use/lib/useNetwork'`
`11`	`12`
`@@ -17,14 +18,10 @@ import { useShortcut, useMedia, usePlatform, useResize } from '@/hooks'`
`17`	`18`	`importAnalysisServicefrom'@/services/Analysis'`
`18`	`19`	`importThemeWrapperfrom'@/containers/ThemeWrapper'`
`19`	`20`
`20`		`-importSidebarfrom'@/containers/Sidebar'`
`21`		`-importPreviewfrom'@/containers/Preview'`
`22`		`-importDoraemonfrom'@/containers/Doraemon'`
`23`		`-// import Route from '@/containers/Route'`
`24`	`21`	`importHeaderfrom'@/containers/Header'`
`25`		`-importErrorBoxfrom'@/containers/ErrorBox'`
`26`		`-importFooterfrom'@/containers/Footer'`
	`22`	`+importSidebarfrom'@/containers/Sidebar'`
`27`	`23`	`importErrorPagefrom'@/components/ErrorPage'`
	`24`	`+import{Doraemon,Preview,ErrorBox,Footer}from'./dynamic'`
`28`	`25`
`29`	`26`	`importSEOfrom'./SEO'`
`30`	`27`
`@@ -106,7 +103,6 @@ const GlobalLayoutContainer = ({`
`106`	`103`	`ref={innerWrapperRef}`
`107`	`104`	`minWidth={innerMinWidth}`
`108`	`105`	`>`
`109`		`-{/* <Route /> */}`
`110`	`106`	`{!noSidebar&&<Sidebar/>}`
`111`	`107`	`<Preview/>`
`112`	`108`	`<Doraemon/>`

Comments

(0)