Next.js 在下一个Js中使用全局自定义样式表_Next.js

Next.js 在下一个Js中使用全局自定义样式表

next.js

Next.js 在下一个Js中使用全局自定义样式表,next.js,Next.js,根据文件要导入css文件，我可以在'pages/\u app.js'中执行以下操作： import '../styles.css' // This default export is required in a new `pages/_app.js` file. export default function MyApp({ Component, pageProps }) { return <Component {...pageProps} /> } 然而，当我第一次用Ne

根据文件

要导入css文件，我可以在

'pages/\u app.js'

中执行以下操作：

import '../styles.css'

// This default export is required in a new `pages/_app.js` file.
export default function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

然而，当我第一次用Next Js初始化一个应用程序时，我得到一个根页面

pages/index.Js

这包含我的启动页面。这里没有app.js文件或app组件

我不知道应用程序组件是如何集成到常规index.js文件中的

我的问题是:

pages/_app.js

是否自动围绕pages/index.js进行包装？还是必须将myApp组件导入pages/index.js文件

我的问题是：pages/_app.js是否自动围绕pages/index.js进行包装？还是必须将myApp组件导入pages/index.js文件

是的，next.js会自动使用

\u app.js

中定义的组件包装您的应用程序。如果没有该文件，next.js将使用其默认值

在

\u App.js

中定义应用程序组件时，需要遵循特定的模式。您可以在此处查看如何设置自定义应用程序组件：

Next.js uses the App component to initialize pages. You can override it and control the page initialization. Which allows you to do amazing things like: