Переменные NextJS / Post css css недоступны в производстве (Zeit) - PullRequest
Новая
       101

Переменные NextJS / Post css css недоступны в производстве (Zeit)

0 голосов
/ 04 апреля 2020

У меня есть ряд переменных, определяющих тему темного режима. При локальном запуске приложения эти переменные прекрасно загружаются.

Это инспектор css: 

dark-mode {
  --color-bg-bg: #100818;
  --color-bg-primary: #100818;
  --color-bg-secondary: #1e1528;
  --color-bg-almost-primary: rgba(15,8,24,0.8);
  --color-bg-light: #0e0917;
}

Но если я создаю приложение для производства или развертываю его в Zeist, эти переменные недоступны.

Я думал, что включение функции custom-properties решит проблему, но это не так. Это мой пост css файл конфигурации: 

module.exports = {
  plugins: [
    'tailwindcss',
    process.env.NODE_ENV === 'production'
      ? [
        '@fullhuman/postcss-purgecss',
        {
          content: [
            './pages/**/*.{js,jsx,ts,tsx}',
            './components/**/*.{js,jsx,ts,tsx}',
          ],
          defaultExtractor: (content) => content.match(/[\w-/:]+(?<!:)/g) || [],
          features: {
            'custom-properties': true,
          },
        },
      ]
      : undefined,
    'postcss-preset-env',
  ],
};

Есть идеи? Спасибо!

...