Как условно импортировать таблицу стилей 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, другой вариант - настройка веб-пакета), но может быть лучшая, более простая альтернатива.

Jelefra 30.03.2021 12:03

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

Sudipto Roy 30.03.2021 17:10

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

Ajeet Shah 30.03.2021 17:14
1
3
30
0

Другие вопросы по теме