How can I compile LESS files within browser

Question

I created code for switching themes using LESS functionality. Unfortunately the LESS files will not compile in browser. How can I compile LESS files within browser?

score 14 · Answer 1 · edited May 23 '17 at 10:30

14

This is a piece of documentation:

Client-side usage

Link your .less stylesheets with the rel set to “stylesheet/less”:

<link rel="stylesheet/less" type="text/css" href="styles.less">

Then download less.js from the top of the page, and include it in the <head> element of your page, like so:

<script src="less.js" type="text/javascript"></script>

Make sure you include your stylesheets before the script.

So, you need to:

place link tag before script tag
set rel to “stylesheet/less”
be aware of bug in chrome

edited May 23 '17 at 10:30

Community

1
1

answered May 11 '12 at 16:06

ie.

5,982
1
29
44

if I follow the documentation, everything works well in FF. could you provide the completed non-working sample? – ie. May 11 '12 at 16:18
ok, I see, everything is more complicated then I thought before.. I'll try to reproduce the issue and will let you know if I find something – ie. May 11 '12 at 16:25
let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/11158/discussion-between-yyy-i-777-and-ie) – Pawan May 11 '12 at 16:26

score 2 · Answer 2 · answered Apr 27 '13 at 18:28

2

Include less file in your html and use some server if u r using google chrome.

answered Apr 27 '13 at 18:28

user2327502

191
1
4

score 1 · Answer 3 · answered Mar 30 '13 at 17:48

1

you have to use some web server like apache tomcat, uniform server UPX etc in order to compile less in IE. as @ie told include those files in your document before running it in localhost.

answered Mar 30 '13 at 17:48

JSAddict

12,407
7
29
49

score 0 · Answer 4 · answered May 14 '12 at 20:29

Check your web server. Many servers are not initially set up to handle serving LESS files. Specifically newer versions of IIS tend to block serving *.less and need to be configured to do so. You can see if this is happening by loading your LESS CSS file directly from your browser. The easiest way to do that from Firefox is to view your page source and click the link to your LESS file.

How can I compile LESS files within browser

4 Answers4

Linked