css - 在 Next.js 中加载关键 CSS

Question

Next.js 中是否有办法将每个页面的关键 CSS 和非关键 CSS 分开并异步加载非关键？

我在我的页面和组件中使用样式化组件 + 几个外部 css 库。

谢谢！

标签： cssreactjsnext.jsstyled-components

Answer 1

您可以使用模块 css，但不能使用全局。全局样式只能在 _app.js 中使用，但您可以导入内置功能的“模块”css。你是这个意思吗？

// Foo.js 组件需要第三方

import '@thirdparty/dist/styles.css'

// Foo.js 组件，带有来自您的 css 模块

import styles from "./Foo.module.css";

如果这不是您想要的，我深表歉意。我不完全确定你需要什么。