Не удается настроить Tailwind в NuxtJS - PullRequest
Новая
       67

Не удается настроить Tailwind в NuxtJS

0 голосов
/ 12 июля 2020

Я использую "@nuxtjs/tailwindcss": "^2.0.0" для своего приложения Nuxt. После установки был создан файл tailwind.config. js. И затем я добавил небольшой код, как вы могли видеть ниже: 

module.exports = {
  theme: {},
  variants: {},
  plugins: [],
  purge: {
    enabled: process.env.NODE_ENV === 'production',
    content: [
      'components/**/*.vue',
      'layouts/**/*.vue',
      'pages/**/*.vue',
      'plugins/**/*.js',
      'nuxt.config.js',
    ],
  },
  options: {
    important: true,
  },
};

Я хочу, чтобы все классы Tailwind были важны, но это не так.

внутри tailwin class

Что я сделал не так?

1 Ответ

0 голосов
/ 12 июля 2020

Скорее всего, вы используете NODE_ENV=production, поэтому его очистка неиспользуемых классов

Настройка purge.enabled = false будет делать то, что вы хотите. Не рекомендую устанавливать значение false. Если используется класс, очистка не удалит класс. Поскольку вы не используете большинство классов в HTML, они будут удалены. 

module.exports = {
  theme: {},
  variants: {},
  plugins: [],
  purge: {
    enabled: false, // DONT DO THIS IN PRODUCTION
    content: [
      'components/**/*.vue',
      'layouts/**/*.vue',
      'pages/**/*.vue',
      'plugins/**/*.js',
      'nuxt.config.js',
    ],
  },
  options: {
    important: true,
  },
};
...