閱讀(857) 書簽贊(0) 我要糾錯

Harp LESS

2021-09-24 19:10 更新

LESS 是一個 CSS 超集，使得 CSS 的預(yù)處理過程相當簡單。它被用來創(chuàng)建有名的類庫 Bootstrap；Harp 對 LESS 的源代碼文件支持的非常好。

Harp 默認包含最好的預(yù)處理器。這意味著你不需要浪費時間來配置 LESS，折騰安裝依賴，最小化 CSS，你甚至不需要選擇文件的輸入和輸出位置。一切都會工作地很好。

用法

Harp 的 asset pipeline 用起來相當簡單。所有的處理過程靜默完成，不需要進行任何配置。只需要給你的文件加上 .less 后綴，而不是 .css，Harp 網(wǎng)頁服務(wù)器將會把它當作 .css文件進行解析。

本項目中，css 目錄中有一個 main.less 文件和一個 _variables.less 文件，像這樣：

myproject/
  |- index.ejs
  +- css/
    |- main.less
    +- _variables.less

這樣，你只需要在 index.ejs 中簡單地引用 main.css 以及其他任何 CSS 文件：

<html>
    <head>
        <link href="css/main.css" type="text/css" rel="stylesheet">
    </head>
    <body>
        …
    </body>
</html>

你的 main.less 可以像這樣引用變量：

@import "variables”;

body {
    font: 12px Helvetica, Arial, sans-serif;
}

以上內(nèi)容是否對您有幫助：

寫筆記

我要補充