Tailwindcss-module: Tailwind не удаляет неиспользуемые стили, потому что не указаны пути к шаблонам.

Созданный на 20 мая 2020  ·  8Комментарии  ·  Источник: nuxt-community/tailwindcss-module

Привет,

При создании моего проекта nuxt 2.12.2 я получаю следующее предупреждение:

Tailwind не удаляет неиспользуемые стили, потому что не указаны пути к шаблонам.

Но кажется, что css очищен? Какие-нибудь подсказки?

question wontfix

Самый полезный комментарий

Я теперь видел , что @Atinux поставить рекомендуемые параметры на новом tailwind.config.js
Проблема в том, что он не обновлялся для текущих проектов.
Он поставил следующие рекомендуемые настройки:

// tailwind.config.js
module.exports = {
  /* ... your actual config */,
  purge: {
    // Learn more on https://tailwindcss.com/docs/controlling-file-size/#removing-unused-css
    enabled: process.env.NODE_ENV === 'production',
    content: [
      'components/**/*.vue',
      'layouts/**/*.vue',
      'pages/**/*.vue',
      'plugins/**/*.js',
      'nuxt.config.js'
    ]
  }
}

Все 8 Комментарий

Да, это не по умолчанию.
Правильно в моем случае:

module.exports = {
  purge: [
    "./pages/**/*.vue", 
    "./components/**/*.vue", 
    "./plugins/**/*.vue",
    "./static/**/*.vue",
    "./store/**/*.vue"
  ],
  theme: {},
  variants: {},
  plugins: []
};

Со мной тоже случилось, работало с решением @Triloworld . Но думаю по умолчанию надо добавить !!

Решение @Triloworld , похоже, работает хорошо! Спасибо!

Я теперь видел , что @Atinux поставить рекомендуемые параметры на новом tailwind.config.js
Проблема в том, что он не обновлялся для текущих проектов.
Он поставил следующие рекомендуемые настройки:

// tailwind.config.js
module.exports = {
  /* ... your actual config */,
  purge: {
    // Learn more on https://tailwindcss.com/docs/controlling-file-size/#removing-unused-css
    enabled: process.env.NODE_ENV === 'production',
    content: [
      'components/**/*.vue',
      'layouts/**/*.vue',
      'pages/**/*.vue',
      'plugins/**/*.js',
      'nuxt.config.js'
    ]
  }
}

Спасибо @santicros , ваш помощью решения md:* , не отображаются в скомпилированных файлах.

@dbarjs сталкивается с той же проблемой на моем конце с md:* . Отключена очистка на tailwind.config.js и nuxt.config.js

Я не думаю, что этот модуль должен требовать добавления производственного флага для enabled .

Согласно документации Tailwind , очистка должна выполняться только в производственной среде, и в них явно указано, что enabled - это ручное изменение. Таким образом, этот модуль не должен по умолчанию требовать ручного переключения.

image

Эта проблема была автоматически помечена как устаревшая, поскольку в последнее время не было активности. Он будет закрыт, если больше не будет активности. Спасибо за ваш вклад.

Была ли эта страница полезной?
0 / 5 - 0 рейтинги