Using Plunker With LESS

According to this update, it’s now possible to use compiled languages like LESS with plunker

According to the Client Side Usage from the Less Documentation, you should do the following:

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

styles.less:

Here’s a super simple example of a less file that will chane the background color bright red

@background-color: red;
body { background: @background-color; }

Here’s an example in plunker

If it’s not showing up for whatever reason, then you probably have a compile error in your less, which will cause the entire sheet to not be delivered. You can check by copying and pasting your code into a online LESS compiler and seeing if it spits out any errors.

2 comments:

  1. I really appreciate the kind of topics you post here. Thanks for sharing a piece of great information that is actually helpful. I would love to share it with my friends and family using yo whatsapp
    , who are interested.

    ReplyDelete