cdn.tailwindcss.com should not be used in production

Frank K Hosaka · Dezembro 23, 2024

Hoje eu usei o cdn da Tailwind no Laravel, e ele funcionou tanto no notebook bem como no Hostinger, só o JavaScript reclamou que eu não deveria usar o cdn.

arquivo route > web.php
Route::view('/','index');

arquivo reources > views > index.blade.php
<!-- esse arquivo pode ser testado no PHP, mas se não mudar o nome do arquivo, 
	terá que executar localhost/index.blade -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" 
    rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<body class="w-[500px] m-0 m-auto">

<table class="table table-striped"><!-- tabela zebrada com Bootstrap -->
    <tr><th class="ml-2">Coluna 1<th>Coluna2
    <tr><td>2<td>2
    <tr><td>3<td>4
</table>

<table class="min-w-full"><!-- tabela zebrada com Tailwind -->
    <tr class="bg-gray-200"><th>Coluna 1<th>Coluna2
    <?php for($i=1;$i<=10;$i++): ?>
        <tr class="odd:bg-gray-200"><td><?=$i?><td><?=$i?>
    <?php endfor; ?>
</table>

Editado Dezembro 23, 2024 por Frank K Hosaka

Frank K Hosaka · Dezembro 23, 2024

O <input type="file"> produz um quadro com a frase "Escolha o arquivo" e ali adiante outra mensagem "nenhum arquivo selecionado". O Copilot me passou uma dica de como esconder a segunda parte do marcador, mas ele escondeu todo o input, no lugar colocou um botão personalizado, e acrescentou um código em JavaScript.

Eu achei a dica do Copilot muito trabalhoso, então decidi improvisar por conta própria, usando apenas o Tailwind. Não ficou bom, dá para ver que se trata de gambiarra:

<?php include 'menuView.php'; ?>
<script>btmenu.innerHTML="Nota Faltante";document.title="Nota Faltante"</script>
<script src="https://cdn.tailwindcss.com"></script>
<div>
    <form method="post" enctype="multipart/form-data" action="?Bling.faltanteSelecionado">
        <div class="flex">
        <input type="file" name="pasta" class="w-[133px] font-semibold" onchange=submit()>
        <div class="font-semibold bg-gray-200
            border-t-2 border-r-2 border-b-2 border-black px-1">zipado da Bling</div>
        </div>
    </form>
</div>

Editado Dezembro 23, 2024 por Frank K Hosaka

Entrar

cdn.tailwindcss.com should not be used in production

Pergunta

Frank K Hosaka

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Frank K Hosaka

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades