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?
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.
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.
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: