我一直在一個(gè)使用Next JS進(jìn)行網(wǎng)站設(shè)計(jì)的項(xiàng)目中工作，想要使用CSS文件進(jìn)行組件設(shè)計(jì)，但為什么我無(wú)法在我的組件中導(dǎo)入呢？ 在Next JS應(yīng)用中是否可能只能使用模塊化的CSS文件？
我嘗試了很多次在我的Next JS項(xiàng)目中導(dǎo)入CSS文件，但沒(méi)有成功導(dǎo)入。 我已經(jīng)導(dǎo)入了全局的CSS文件和模塊化的CSS文件，但無(wú)法導(dǎo)入CSS文件。
1
0
0
如果你不想使用模塊，而是想使用一個(gè)全局的CSS文件，影響所有的組件和頁(yè)面，那么是可以的。
但是如果你想為每個(gè)組件使用單獨(dú)的CSS文件，那么模塊是解決方案。
如果還沒(méi)有，請(qǐng)創(chuàng)建一個(gè)pages/_app.js文件。然后，導(dǎo)入styles.css文件。
import '../your_styles_file.css'
// 這個(gè)默認(rèn)導(dǎo)出在新的 `pages/_app.js` 文件中是必需的。
export default function YourApp({ Component, pageProps }) {
return <Component {...pageProps} />
}
由于樣式表的全局性質(zhì)和為了避免沖突，你只能在pages/_app.js中導(dǎo)入它們。 styles.css中的這些樣式將應(yīng)用于應(yīng)用程序中的所有頁(yè)面和組件。
