kompilacja LESS

Odpowiedz Nowy wątek
2016-08-27 12:00

Rejestracja: 3 lata temu

Ostatnio: 3 lata temu

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 :)

edytowany 2x, ostatnio: pawl0pl, 2016-08-27 12:03

Pozostało 580 znaków

2016-08-27 12:08

Rejestracja: 9 lat temu

Ostatnio: 3 lata temu

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.


"Najwyższym osiągnieciem jest pokonac wroga bez walki" Sun Tzu

Pozostało 580 znaków

2016-08-27 12:22

Rejestracja: 14 lat temu

Ostatnio: 9 miesięcy temu

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

Pozostało 580 znaków

2016-08-27 12:28

Rejestracja: 3 lata temu

Ostatnio: 3 lata temu

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ę?

edytowany 1x, ostatnio: pawl0pl, 2016-08-27 12:29

Pozostało 580 znaków

2016-08-27 12:38

Rejestracja: 14 lat temu

Ostatnio: 9 miesięcy temu

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/ques[...]w-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)


Pozostało 580 znaków

2016-08-27 12:47

Rejestracja: 3 lata temu

Ostatnio: 3 lata temu

0

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

Pozostało 580 znaków

2016-08-27 13:35

Rejestracja: 5 lat temu

Ostatnio: 3 godziny temu

Lokalizacja: Piwnica

1

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


Pozostało 580 znaków

Odpowiedz

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