NodeJs管理Less/Sass_html/css_WEB-ITnose

npm install -g less

@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header {  color: @light-blue;}

#header {  color: #6c94be;}

#header {  color: black;  .navigation {    font-size: 12px;  }  .logo {    width: 300px;  }}//相当于下面代码#header {  color: black;}#header .navigation {  font-size: 12px;}#header .logo {  width: 300px;}

// example with variables@base: 5%;@filler: @base * 2; // result is 10%@other: @base + @filler; // result is 15%

@base: #f04615;@width: 0.5;//percentage, saturate, lighten, spin等都是函数.class {  width: percentage(@width); // returns `50%`  color: saturate(@base, 5%);  background-color: spin(lighten(@base, 25%), 8);}

@var: red;#page {  #header {    color: @var; // white  }  @var: white;}

@import "library"; // library.less@import "typo.css";

$ lessc styles.less styles.css

npm install less-middleware --save