Tailwindcss-module: O Tailwind não está eliminando estilos não utilizados porque nenhum caminho de template foi fornecido.

Criado em 20 mai. 2020  ·  8Comentários  ·  Fonte: nuxt-community/tailwindcss-module

Oi,

Ao construir meu projeto nuxt 2.12.2, estou recebendo este aviso:

O Tailwind não está eliminando estilos não utilizados porque nenhum caminho de template foi fornecido.

Mas o css parece estar purgado, eu acho? Alguma pista?

question wontfix

Comentários muito úteis

Agora vi que @Atinux colocou as configurações recomendadas no novo tailwind.config.js
O problema é que ele não foi atualizado para os projetos atuais.
As configurações recomendadas que ele colocou são:

// 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'
    ]
  }
}

Todos 8 comentários

Sim, não é por padrão.
Adequado no meu caso:

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

Aconteceu comigo também, trabalhei com a solução @Triloworld . Mas acho que deve ser adicionado por padrão !!

A solução da @Triloworld parece funcionar bem! Obrigado!

Agora vi que @Atinux colocou as configurações recomendadas no novo tailwind.config.js
O problema é que ele não foi atualizado para os projetos atuais.
As configurações recomendadas que ele colocou são:

// 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'
    ]
  }
}

Obrigado @santicros , sua configuração me ajudou muito. Quando eu construo ou gerei com a solução md:* não aparecem nos arquivos compilados.

@dbarjs enfrentando o mesmo problema do meu lado com md:* . Eliminação desativada em tailwind.config.js e nuxt.config.js

Não acho que este módulo deva exigir a adição de um sinalizador de produção para enabled .

De acordo com os documentos do enabled é uma substituição manual. Portanto, este módulo não deve exigir uma substituição manual por padrão.

image

Este problema foi automaticamente marcado como obsoleto porque não teve atividades recentes. Ele será fechado se nenhuma outra atividade ocorrer. Obrigado por suas contribuições.

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

miketromba picture miketromba  ·  4Comentários

Zenthae picture Zenthae  ·  9Comentários

othy54 picture othy54  ·  6Comentários

michaelpumo picture michaelpumo  ·  3Comentários

Yee1014 picture Yee1014  ·  5Comentários