Jak prawidłowo podpiąć bibliotekę LESS, aby można było testować kod lokalnie?

0

Jak w temacie. U mnie wygląda to w ten sposób:

<head>
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.3.1/less.min.js"></script>
<link rel="stylesheet/less" type="text/css" href="style.less" />
<title></title>
</head>

niestety pisany kod nie wpływa na ostylowanie dokumentu html

próbowałam pobrać bibliotekę w formie less.min.js, ale jej podpięcie również nic nie daje

1

Pamiętam, że less miewał problemy kiedy wrzuciło się js przed deklaracją stylu.
Powinno być dobrze jeżeli zamienisz deklaracje miejscami:

<link rel="stylesheet/less" href="style.less" type="text/css"  />
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.3.1/less.min.js"></script>
0

@_naf niestety nic to nie zmieniło, po dłuższym ładowaniu wciąż nie wyświetla się sformatowane

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet/less" href="style.less" type="text/css"  />
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.3.1/less.min.js"></script>
<title></title>
</head>
<body>
<div class="jeden">jeden</div>
<div class="dwa">dwa</div>
</body>
</html>

kod less:

@color: red;
.jeden{
	color: @color;
}
1

Jak Ty tą stronę testujesz? Zadałeś sobie tyle trudu, aby korzystać z localhosta?
Zakładam optymistycznie, że korzystasz z chrome. W chrome są takie fajne zabezpieczenia, że bez korzystania z localhost będzie sypało same errory.

Można to obejść na dwa sposoby:

  • zainstalować serwer apache, wtedy wrzucasz swoją stronę do specjalnego folderu, a w przeglądarce wpisujesz tylko localhost i masz swoją stronę,
  • wersja 1337 po użyciu której poczujesz się jak haker:
    Start -> uruchom -> i wklejasz to:
chrome.exe --user-data-dir="C:/webpage" --no-first-run --no-default-browser-check --allow-file-access-from-files --remote-debugging-port=9222 file:///C:/webpage/index.html

Gdzie:

--user-data-dir="ŚCIEŻKA DO FOLDERU W KTÓRYM MASZ STRONĘ"
file:///=ŚCIEŻKA DO STRONY KTÓRA MA ZOSTAĆ WCZYTANA`

Specjalnie sprawdziłem i działa :P

0

@_naf nie wiem co to za czary, ale u mnie nie działa xD używam xamppa z apachem, stronka się ładuje, ale formatowania less brak
wrzucałam również do sieci i dalej nic

nie ogarniam

1

Dlaczego po prostu nie skorzystasz z narzędzia, które na bieżąco kompiluje kod LESS do CSS?
Dawno temu już mógłbyś się zabrać za pisanie strony, a nie takie bzdety.

1

Pobierz i dołącz koniecznie za deklaracją arkusza less.
https://raw.githubusercontent.com/less/less.js/v2.5.1/dist/less.min.js

Jeśli dalej nie będzie działało to oznacza, że masz problem ze ścieżkami (spróbuj to wszystko wrzucić do jednego folderu).

0

dobra, działa po resecie kompa jest ok, nie mam pojęcia co było nie tak
@Patryk27 tak chyba zrobię, dopiero zaczynam przygodę z less'em i takie narzędzia nie były mi znane ;)

1 użytkowników online, w tym zalogowanych: 0, gości: 1