Как загрузить отдельный файл css для каждой страницы в Next. js с помощью postcss - PullRequest
0 голосов
/ 31 марта 2020

Я пытаюсь использовать Post Css с next. js, что позволяет мне только добавить основной css файл в основной _app.js файл, что делает весь стиль вывода глобальным,
Как я могу создать css файл для каждой страницы или даже для каждого компонента

1 Ответ

1 голос
/ 01 апреля 2020

Начиная с Next. js версии 9.2, он поддерживает встроенную поддержку css.

Как вы сказали, если вы импортируете стили из файла _app.js, они рассматриваются как глобальные стили вашего приложения.

Стили компонентов считаются «модулями».

CSS Модули локально охватывают CSS путем автоматического создания уникального имени класса. Это позволяет вам использовать одно и то же имя класса CSS в разных файлах, не беспокоясь о коллизиях.

Все, что вам нужно сделать, это вызвать файлы css с суффиксом *.module.css.

Проверьте официальные документы

...