Tailwindcss-module: Tailwind ne purge pas les styles inutilisés car aucun chemin de modèle n'a été fourni.

Créé le 20 mai 2020  ·  8Commentaires  ·  Source: nuxt-community/tailwindcss-module

Salut,

Lors de la construction de mon projet nuxt 2.12.2, je reçois cet avertissement:

Tailwind ne purge pas les styles inutilisés car aucun chemin de modèle n'a été fourni.

Mais le css semble être purgé, je pense? Des indices?

question wontfix

Commentaire le plus utile

J'ai maintenant vu que @Atinux mettait les paramètres recommandés sur le nouveau tailwind.config.js
Le problème est qu'il n'a pas été mis à jour pour les projets actuels.
Les paramètres recommandés qu'il a mis sont:

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

Tous les 8 commentaires

Oui, ce n'est pas par défaut.
Bon dans mon cas:

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

Cela m'est arrivé aussi, j'ai travaillé avec la solution @Triloworld . Mais je pense qu'il devrait être ajouté par défaut !!

La solution de @Triloworld semble bien fonctionner! Merci!

J'ai maintenant vu que @Atinux mettait les paramètres recommandés sur le nouveau tailwind.config.js
Le problème est qu'il n'a pas été mis à jour pour les projets actuels.
Les paramètres recommandés qu'il a mis sont:

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

Merci @santicros , votre configuration m'aide beaucoup. Lorsque je construis ou génère avec la solution @Triloworld , les points d'arrêt comme md:* n'apparaissent pas sur les fichiers compilés.

@dbarjs rencontre le même problème de mon côté avec md:* . Purge désactivée sur tailwind.config.js et nuxt.config.js

Je ne pense pas que ce module devrait nécessiter d'ajouter un indicateur de production pour enabled .

Selon la documentation Tailwind , la purge ne doit s'exécuter qu'en production et ils sont explicites que enabled est un remplacement manuel. Par conséquent, ce module ne doit pas exiger par défaut un remplacement manuel.

image

Ce problème a été automatiquement marqué comme obsolète car il n'a pas eu d'activité récente. Il sera fermé si aucune autre activité ne se produit. Merci pour vos contributions.

Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

duthanhduoc picture duthanhduoc  ·  7Commentaires

othy54 picture othy54  ·  6Commentaires

Zenthae picture Zenthae  ·  9Commentaires

brandondeweese picture brandondeweese  ·  3Commentaires

miketromba picture miketromba  ·  4Commentaires