3 votes

Chargement des CSS critiques dans Next.js

Existe-t-il un moyen dans Next.js de séparer les CSS critiques et non critiques pour chaque page et de charger les non-critiques de manière asynchrone ?

J'utilise des composants stylisés dans mes pages et composants + quelques bibliothèques css externes.

Merci !

0voto

james emanon Points 2131

Vous pouvez utiliser les css des modules, mais pas les css globales. Les styles globaux ne peuvent être utilisés que dans _app.js, mais vous pouvez importer les css "module", qui sont une fonctionnalité intégrée. Est-ce bien ce que vous voulez dire ?

// Le composant Foo.js a besoin d'une tierce partie.

import '@thirdparty/dist/styles.css'

// Composant Foo.js avec module css de votre part

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

Je m'excuse si ce n'est pas ce que vous recherchez. Je ne suis pas tout à fait sûr de ce dont vous avez besoin.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X