d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-14 07:26:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

minimize bundle size through dynamic import pdf and equation

Browse Source
This commit is contained in:
CodeMaker-Zhao
2022-12-06 14:13:16 +08:00
parent c32718fab3
commit 683e361c6b
1 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
components/NotionPage.js
View File

@@ -7,8 +7,8 @@ import { isBrowser } from '@/lib/utils'
import Image from 'next/image'
import Link from 'next/link'
import { Code } from 'react-notion-x/build/third-party/code'
import { Pdf } from 'react-notion-x/build/third-party/pdf'
import { Equation } from 'react-notion-x/build/third-party/equation'
// import { Pdf } from 'react-notion-x/build/third-party/pdf'
// import { Equation } from 'react-notion-x/build/third-party/equation'
import 'prismjs/components/prism-bash.js'
import 'prismjs/components/prism-markup-templating.js'
@@ -43,8 +43,19 @@ import 'prismjs/components/prism-wasm.js'
import 'prismjs/components/prism-yaml.js'
import 'prismjs/components/prism-r.js'
// 化学方程式
import '@/lib/mhchem'
const Equation = dynamic(() =>
import('react-notion-x/build/third-party/equation').then(async (m) => {
// 化学方程式
await import('@/lib/mhchem')
return m.Equation
})
)
const Pdf = dynamic(
() => import('react-notion-x/build/third-party/pdf').then((m) => m.Pdf),
{
ssr: false
}
)
// https://github.com/txs
// import PrismMac from '@/components/PrismMac'