kompilacja LESS

0

Cześć, zaczynam naukę LESS'a i mam problem przy kompilacji na css. Gdzie popełniam błąd?

sekcja head:

<head>
	<meta charset="utf-8">

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

</head>

plik less.min.js pobrany z http://lesscss.org/, plik style.less:

@text-color: #66FF66;

h1 {
	font-size: 60px;
	color: @text-color;
}

h2 {
	font-size: 40px;
	color: @text-color;
}

p {
	font-size: 20px;
	color: @text-color;
}

Niestety zmian nie widać, próbowałem na Chrome oraz opera. Błąd jaki znajduje:
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Z góry dzięki za pomoc :)

1

Musisz to uruchomić na serwerze, żeby obsłużył te pliki od less. Chyba że się mylę, ale sprawdź, bo prawdopodobnie uruchamiasz to po prostu z pliku .html, bez postawionego serwera lokalnie.

0
  1. Musisz mieć zainstalowane node.js i grunt-a - tu masz opis: http://getbootstrap.com/getting-started/ (to najlepsze wyjście)
  2. Dokonywać kompilacji z less do css po stronie klienta - załączasz plik js, który się tym zajmuje - tutaj masz opis: http://lesscss.org/#using-less-third-party-tools (takie sobie wyjście) - chociaż w Twoim przypadku na początek może to wystarczyć
  3. Możesz skorzystać z konwerterów online (np. http://winless.org/online-less-compiler - cała masa tego jest) - fatalne wyjście, ale jest
0
madmike napisał(a):
  1. Musisz mieć zainstalowane node.js i grunt-a - tu masz opis: http://getbootstrap.com/getting-started/ (to najlepsze wyjście)
  2. Dokonywać kompilacji z less do css po stronie klienta - załączasz plik js, który się tym zajmuje - tutaj masz opis: http://lesscss.org/#using-less-third-party-tools (takie sobie wyjście) - chociaż w Twoim przypadku na początek może to wystarczyć
  3. Możesz skorzystać z konwerterów online (np. http://winless.org/online-less-compiler - cała masa tego jest) - fatalne wyjście, ale jest

Właśnie robiłem tak jak napisałeś w 2. ale nie widać efektów, może coś źle robię?

1

A... uruchamiasz to lokalnie, klikając na pliku html.. to z chrome będziesz miał mały problem, to właśnie ten komunikat: "Cross origin requests are only supported for protocol schemes". Musisz użyć jakiegoś prostego serwera, który będzie Ci serwował te pliki na 'localhost'. Tu http://stackoverflow.com/questions/18586921/how-to-launch-html-using-chrome-at-allow-file-access-from-files-mode masz dwa rozwiązania, pierwsze z flagą przy uruchamianiu chrome --allow-file-access-from-files (niepolecane ominięcie tego problemu), drugie z uruchomieniem prostego serwera na node. (btw. firefox nie ma tych problemów)

0

Do początkowej nauki zdecydowanie wystarczy mi testowanie na Firefox, dzięki!

1

Przy mniejszych projektach wydajnościowo i tak koszta przekroczą zysk ;)

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.