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: Cooler Master Stacker 831 svart || Intel i5-3570K || Asus GeForce GTX 680 DirectCU II 2GB || Asus P8Z77-V LE PLUS || Kingston HyperX Genesis 4x4GB || Intel SSD 335 180 GB || Windows 7

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: EVGA GTX 980 Ti SC+ ACX 2.0+ // RAM: Kingston 16GB 2133MHz CL13 MoBo: 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+ (3x WD RED 6 TB) // Konsol: Xbox One

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

@Tino:

ok, tack!

Chassi: Cooler Master Stacker 831 svart || Intel i5-3570K || Asus GeForce GTX 680 DirectCU II 2GB || Asus P8Z77-V LE PLUS || Kingston HyperX Genesis 4x4GB || Intel SSD 335 180 GB || Windows 7

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: Cooler Master Stacker 831 svart || Intel i5-3570K || Asus GeForce GTX 680 DirectCU II 2GB || Asus P8Z77-V LE PLUS || Kingston HyperX Genesis 4x4GB || Intel SSD 335 180 GB || Windows 7

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: Cooler Master Stacker 831 svart || Intel i5-3570K || Asus GeForce GTX 680 DirectCU II 2GB || Asus P8Z77-V LE PLUS || Kingston HyperX Genesis 4x4GB || Intel SSD 335 180 GB || Windows 7

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: Cooler Master Stacker 831 svart || Intel i5-3570K || Asus GeForce GTX 680 DirectCU II 2GB || Asus P8Z77-V LE PLUS || Kingston HyperX Genesis 4x4GB || Intel SSD 335 180 GB || Windows 7

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: Cooler Master Stacker 831 svart || Intel i5-3570K || Asus GeForce GTX 680 DirectCU II 2GB || Asus P8Z77-V LE PLUS || Kingston HyperX Genesis 4x4GB || Intel SSD 335 180 GB || Windows 7

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