Trädvy Permalänk
Medlem
Plats
Hässleholm
Registrerad
Jan 2008

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.

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 || Acer Predator XB271HU || Windows 10

Trädvy Permalänk
Medlem
Plats
Göteborg
Registrerad
Apr 2002

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

CPU: i7 6700k + Fractal Design S24 GPU: ASUS GeForce GTX 1070 8GB DUAL OC RAM: Kingston 16GB 2133MHz CL13 MB: MSI GAMING M7 PSU: EVGA Supernova G2 850W, 80+ Gold SSD: Samsung SM951 256GB M.2 NVMe + Samsung EVO 850 250GB M.2 Chassi: Fractal Design S OS: W10 Pro Skrämar: Acer XB270HU + 2x Dell U2412M
NAS: Synology DS415+ (4x WD RED 6 TB) Console: Xbox One

Trädvy Permalänk
Medlem
Plats
Hässleholm
Registrerad
Jan 2008

@Tino:

ok, tack!

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 || Acer Predator XB271HU || Windows 10

Trädvy Permalänk
Medlem
Plats
Hässleholm
Registrerad
Jan 2008
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?

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 || Acer Predator XB271HU || Windows 10

Trädvy Permalänk
Medlem
Plats
Malmö
Registrerad
Feb 2006
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.

Trädvy Permalänk
Medlem
Plats
Hässleholm
Registrerad
Jan 2008
Skrivet av Killbom:

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

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

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 || Acer Predator XB271HU || Windows 10

Trädvy Permalänk
Medlem
Plats
i din garderob
Registrerad
Sep 2007
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

Bilanaloger är som Volvo — varenda svenne kör med dem

Trädvy Permalänk
Medlem
Plats
Hässleholm
Registrerad
Jan 2008
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!

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 || Acer Predator XB271HU || Windows 10

Trädvy Permalänk
Medlem
Plats
Hässleholm
Registrerad
Jan 2008
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?

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 || Acer Predator XB271HU || Windows 10

Trädvy Permalänk
Medlem
Plats
i din garderob
Registrerad
Sep 2007
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.

Bilanaloger är som Volvo — varenda svenne kör med dem