Permalänk
Medlem

Fråga om LESS

Försöker använda LESS.

Man kan ju omvandla LESS-filen till CSS och då ska det väl bara behövas en länk som vanligt till CSS. Eller måste man ändå ha LESS-filen i js?

Provade detta men fick det inte att fungera (utan precompilering)

<link rel="stylesheet/less" href="css/my.less" type="text/css"> <script src="less/less.min.js"></script>

I css-mappen har jag min LESS-fil och i less min javascript less-fil.

Visa signatur

Chassi: Fractal Design Define C || Processor: Intel i7-8700K || Grafikkort: ASUS GeForce GTX 1080Ti ROG Strix Gaming || Moderkort: Gigabyte Z370 AORUS ULTRA WIFI || Minne: Corsair Vengeance LPX DDR4 3000MHz 32 Gb || Lagring: Samsung 860 EVO 1TB SSD || PSU: Seasonic Focus+ 850W 85+ GOLD PSU || Skärm:Samsung Odyssey G9 || Windows 10

Permalänk
Medlem

Min uppfattning är att less alltid skall omvandlas till CSS. Detta sker dock på lite olika sätt bereonde på vilka utvecklingsverktyg. Exempel på hur Visual Studio Code hanterar det hela.
https://code.visualstudio.com/docs/languages/css

Permalänk
Medlem

@Tino:

ok, tack!

Visa signatur

Chassi: Fractal Design Define C || Processor: Intel i7-8700K || Grafikkort: ASUS GeForce GTX 1080Ti ROG Strix Gaming || Moderkort: Gigabyte Z370 AORUS ULTRA WIFI || Minne: Corsair Vengeance LPX DDR4 3000MHz 32 Gb || Lagring: Samsung 860 EVO 1TB SSD || PSU: Seasonic Focus+ 850W 85+ GOLD PSU || Skärm:Samsung Odyssey G9 || Windows 10

Permalänk
Medlem
Skrivet av Tino:

Min uppfattning är att less alltid skall omvandlas till CSS. Detta sker dock på lite olika sätt bereonde på vilka utvecklingsverktyg. Exempel på hur Visual Studio Code hanterar det hela.
https://code.visualstudio.com/docs/languages/css

Förresten, om man pre-compilerar till CSS, ska man ändå ha länken till LESS-filen?

Visa signatur

Chassi: Fractal Design Define C || Processor: Intel i7-8700K || Grafikkort: ASUS GeForce GTX 1080Ti ROG Strix Gaming || Moderkort: Gigabyte Z370 AORUS ULTRA WIFI || Minne: Corsair Vengeance LPX DDR4 3000MHz 32 Gb || Lagring: Samsung 860 EVO 1TB SSD || PSU: Seasonic Focus+ 850W 85+ GOLD PSU || Skärm:Samsung Odyssey G9 || Windows 10

Permalänk
Inaktiv
Skrivet av Larsp777:

Förresten, om man pre-compilerar till CSS, ska man ändå ha länken till LESS-filen?

Nej, du ska länka till din kompilerade fil.

Permalänk
Medlem
Skrivet av anon81912:

Nej, du ska länka till din kompilerade fil.

Ok, så som en vanlig CSS-fil då.

Visa signatur

Chassi: Fractal Design Define C || Processor: Intel i7-8700K || Grafikkort: ASUS GeForce GTX 1080Ti ROG Strix Gaming || Moderkort: Gigabyte Z370 AORUS ULTRA WIFI || Minne: Corsair Vengeance LPX DDR4 3000MHz 32 Gb || Lagring: Samsung 860 EVO 1TB SSD || PSU: Seasonic Focus+ 850W 85+ GOLD PSU || Skärm:Samsung Odyssey G9 || Windows 10

Permalänk
Medlem
Skrivet av Larsp777:

Ok, så som en vanlig CSS-fil då.

Yup. Det blir en vanlig CSS-fil när du kompilerar less.

För att sammanfatta har du två alternativ:

1. Förkompilera LESS innan du lägger upp resurserna på din webbserver; fråga efter dem som vanlig CSS och skippa eventuellt javascript för kompilering på klientsidan (detta brukar vara vad man väljer för skarpa sajter)
2. Låta klienten fråga efter och kompilera LESS-filerna; detta kräver att klienten får ladda ner det javascript som står för kompilering

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem
Skrivet av Teknocide:

Yup. Det blir en vanlig CSS-fil när du kompilerar less.

För att sammanfatta har du två alternativ:

1. Förkompilera LESS innan du lägger upp resurserna på din webbserver; fråga efter dem som vanlig CSS och skippa eventuellt javascript för kompilering på klientsidan (detta brukar vara vad man väljer för skarpa sajter)
2. Låta klienten fråga efter och kompilera LESS-filerna; detta kräver att klienten får ladda ner det javascript som står för kompilering

Ok, tackar!

Visa signatur

Chassi: Fractal Design Define C || Processor: Intel i7-8700K || Grafikkort: ASUS GeForce GTX 1080Ti ROG Strix Gaming || Moderkort: Gigabyte Z370 AORUS ULTRA WIFI || Minne: Corsair Vengeance LPX DDR4 3000MHz 32 Gb || Lagring: Samsung 860 EVO 1TB SSD || PSU: Seasonic Focus+ 850W 85+ GOLD PSU || Skärm:Samsung Odyssey G9 || Windows 10

Permalänk
Medlem
Skrivet av Teknocide:

Yup. Det blir en vanlig CSS-fil när du kompilerar less.

För att sammanfatta har du två alternativ:

1. Förkompilera LESS innan du lägger upp resurserna på din webbserver; fråga efter dem som vanlig CSS och skippa eventuellt javascript för kompilering på klientsidan (detta brukar vara vad man väljer för skarpa sajter)
2. Låta klienten fråga efter och kompilera LESS-filerna; detta kräver att klienten får ladda ner det javascript som står för kompilering

Om jag har en compilerare som Winless t.ex. så behövs väl inte node.js?

Visa signatur

Chassi: Fractal Design Define C || Processor: Intel i7-8700K || Grafikkort: ASUS GeForce GTX 1080Ti ROG Strix Gaming || Moderkort: Gigabyte Z370 AORUS ULTRA WIFI || Minne: Corsair Vengeance LPX DDR4 3000MHz 32 Gb || Lagring: Samsung 860 EVO 1TB SSD || PSU: Seasonic Focus+ 850W 85+ GOLD PSU || Skärm:Samsung Odyssey G9 || Windows 10

Permalänk
Medlem
Skrivet av Larsp777:

Om jag har en compilerare som Winless t.ex. så behövs väl inte node.js?

Vad du använder för att skapa CSS av din LESS är egentligen oviktigt. Utvecklingsmiljöer som exempelvis WebStorm eller IntelliJ Idea har ofta inbyggd funktionalitet för att göra jobbet åt dig på kommando. Under huven kan de använda sig av node.js eller någon annan plattform, det spelar som sagt ingen roll.

Visa signatur

Kom-pa-TI-bilitet