Как условно импортировать таблицу стилей SCSS в Next.js?

Я пытаюсь загрузить таблицу стилей в зависимости от среды в _app.js:

if (process.env.NODE_ENV === 'production' ) {
  import '../styles/globals-production.scss'
} else {
  import '../styles/globals-staging.scss'
}

Но получаю эту ошибку в консоли: Syntax error: 'import' and 'export' may only appear at the top level

Есть идеи, как это сделать с Next.js?

Можете ли вы объяснить, зачем вам вообще нужны две таблицы стилей для двух разных сред? Можно импортировать разные таблицы стилей в зависимости от среды (например, сработает синтаксис CommonJS require, другой вариант - настройка веб-пакета), но может быть лучшая, более простая альтернатива.

— 30.03.2021 12:03

Здесь уже есть ответ на подобную проблему: stackoverflow.com/questions/46835825/… Но очень правильно спросил @Jelefra, зачем вам это ...?

— 30.03.2021 17:10

Вы хотите поддержать темы? Любите темные, светлые темы?

— 30.03.2021 17:14

reactjs import sass next.js

30.03.2021 00:54

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...