Harp LESS

2021-09-24 19:10 更新

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

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

用法

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

示例

本項(xiàng)目中，css 目錄中有一個(gè) main.less 文件和一個(gè) _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)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)