init: 初始化模板项目
This commit is contained in:
55
apps/next/pages/_app.tsx
Normal file
55
apps/next/pages/_app.tsx
Normal file
@@ -0,0 +1,55 @@
|
||||
import '@tamagui/core/reset.css'
|
||||
import '@tamagui/font-inter/css/400.css'
|
||||
import '@tamagui/font-inter/css/700.css'
|
||||
import 'raf/polyfill'
|
||||
|
||||
import type React from 'react'
|
||||
import Head from 'next/head'
|
||||
import type { SolitoAppProps } from 'solito'
|
||||
import { NextTamaguiProvider } from 'app/provider/NextTamaguiProvider'
|
||||
import { config } from '@my/ui'
|
||||
|
||||
if (process.env.NODE_ENV === 'production') {
|
||||
require('../public/tamagui.css')
|
||||
}
|
||||
|
||||
function MyApp({ Component, pageProps }: SolitoAppProps) {
|
||||
return (
|
||||
<>
|
||||
<Head>
|
||||
<title>Tamagui • Pages Router</title>
|
||||
<meta name="description" content="Tamagui, Solito, Expo & Next.js" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
<style
|
||||
dangerouslySetInnerHTML={{
|
||||
// the first time this runs you'll get the full CSS including all themes
|
||||
// after that, it will only return CSS generated since the last call
|
||||
__html: config.getNewCSS(),
|
||||
}}
|
||||
/>
|
||||
|
||||
<style
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: config.getCSS({
|
||||
// if you are using "outputCSS" option, you should use this "exclude"
|
||||
// if not, then you can leave the option out
|
||||
exclude: process.env.NODE_ENV === 'production' ? 'design-system' : null,
|
||||
}),
|
||||
}}
|
||||
/>
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
// avoid flash of animated things on enter:
|
||||
__html: `document.documentElement.classList.add('t_unmounted')`,
|
||||
}}
|
||||
/>
|
||||
</Head>
|
||||
<NextTamaguiProvider>
|
||||
<Component {...pageProps} />
|
||||
</NextTamaguiProvider>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default MyApp
|
||||
Reference in New Issue
Block a user