Tailwindcss-module: Tailwind no está depurando los estilos no utilizados porque no se han proporcionado rutas de plantilla.

Creado en 20 may. 2020  ·  8Comentarios  ·  Fuente: nuxt-community/tailwindcss-module

Hola,

Al construir mi proyecto nuxt 2.12.2, recibo esta advertencia:

Tailwind no está depurando los estilos no utilizados porque no se han proporcionado rutas de plantilla.

Pero creo que el CSS parece haberse purgado. ¿Alguna pista?

question wontfix

Comentario más útil

Ahora he visto que @Atinux puso la configuración recomendada en el nuevo tailwind.config.js
El problema es que no se actualizó para los proyectos actuales.
Los ajustes recomendados que puso son:

// 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 comentarios

Sí, no lo es por defecto.
Adecuado en mi caso:

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

A mí también me pasó, funcionó con la solución @Triloworld . ¡Pero creo que debería agregarse por defecto!

¡La solución de @Triloworld parece funcionar bien! ¡Gracias!

Ahora he visto que @Atinux puso la configuración recomendada en el nuevo tailwind.config.js
El problema es que no se actualizó para los proyectos actuales.
Los ajustes recomendados que puso son:

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

Gracias @santicros , tu configuración me ayuda mucho. Cuando construyo o genero con la solución @Triloworld , los puntos de interrupción como md:* no aparecen en los archivos compilados.

@dbarjs se encuentra con el mismo problema por mi parte con md:* . Purga deshabilitada en tailwind.config.js y nuxt.config.js

No creo que este módulo deba requerir tener que agregar una marca de producción por enabled .

De acuerdo con los documentos de Tailwind , la purga solo debe ejecutarse en producción y son explícitos que enabled es una anulación manual. Por lo tanto, este módulo no debería requerir de forma predeterminada una anulación manual.

image

Este problema se ha marcado automáticamente como obsoleto porque no ha tenido actividad reciente. Se cerrará si no se produce más actividad. Gracias por sus aportaciones.

¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

the94air picture the94air  ·  7Comentarios

acidjazz picture acidjazz  ·  3Comentarios

sausin picture sausin  ·  4Comentarios

richeduni picture richeduni  ·  5Comentarios

alexanderjanke picture alexanderjanke  ·  9Comentarios