パッケージの詳細

atma-loader-less

atmajs4MIT1.1.5

Less compiler for atma-io, IncludeJS and atma-server.

readme

Less Compiler (Atma Plugin)

The Plugin extends:

IncludeJS with a custom loader
atma-io with a custom middleware to read Less files
atma-server and Atma Toolkit with a HTTPHandler to serve compiled sources (with sourceMap support)

How to use

Embed into the Project

atma plugin install atma-loader-less

This adds atma-loader-less npm dependency and the package.json would look like:

  {
      "dependency": {
          "atma-loader-less"
      },
      "atma": {
          "plugins": [
              "atma-loader-less"
          ],
          "settings": {
              "less_loader": {
                  "extension": "less"
              }
          }
      }
  }

That's all. Now, you are ready to use 'dynamic stylesheets' in your project

Quick Try

install atma: $ npm install atma -g
install plugin: $ atma plugin install atma-loader-less

add test.html to the directory

  <!DOCTYPE html>
  <link href='test.less' rel='stylesheet' />

add test.less

  @color: green;
  body { background: @color; }

start the server: $ atma server
open the browser: http://localhost:5777/test.html

(c) MIT License - Atma.js Project