IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: tailwind - chyba v building

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
ales novak
Člen
Avatar
ales novak:3.12.2023 22:10

Ahoj, mám problém s tailwindem
řídil jsem se podle dokumentace...

toto mám v tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./public/index.html", "./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

A když zadám příkaz
tailwindcss build -i ./src/style.css -o ./public/style.css --watch

tak se mi tam zobrazí

Rebuilding...
Done in 137ms.

ale v tom souboru publice/style.css je asi jenom 500 řádků, namísto 2MB css kodu. Nevíte co s tím?

Zkusil jsem: hledal jsem na stackoverflow a různě, ale bezvýsledně...

 
Odpovědět
3.12.2023 22:10
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:4.12.2023 12:52

tailwindcss neznam, ale v tom js kodu mas chyby, coz muze delat problem prohlizecum od microsoft a dalsim

/** @type {import('tailwindcss').Config} */
// co znamenaji /** na zacatku a */ na konci? ocekaval byt jen /* */ nebo /** **/
module.exports = {
  content: ["./public/index.html", "./src/**/*.{html,js}"],
// co znamena /**/ ? protoze /* je v js kodu zacatek komentare
// a pro adresarovou strukturu to neznam, tam je jen ./ ../ a *.neco
  theme: {
    extend: {} //, na konci pole se carka napise
  },
  plugins: [] //, na konci pole se carka napise
} // tady by mohl byt strednik, ale neni nutny

A vis urcite, ze to nekde jinde funguje, tenhle kod a vyrobi 2MB css? Nejde treba o minifikovany css? ten by mohl z 2M udelat 0.5M

 
Nahoru Odpovědět
4.12.2023 12:52
Avatar
ales novak
Člen
Avatar
ales novak:4.12.2023 14:19

ten videonávod je na tainwald 2, ted už je 3. Ale přišel jsem na to že se ten css soubor aktualizuje společně s tím jak píšu třídy, tedy jsou tam jen ty co používám v projektu. Co se týká těch hvězdiček, nevím co znamenají, ale je to i v dokumentaci..

 
Nahoru Odpovědět
4.12.2023 14:19
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.