
- 語言特性
- Less - 巢狀規則
- Less - 巢狀指令和冒泡
- Less - 操作
- Less - 轉義
- Less - 函式
- Less - 名稱空間和訪問器
- Less - 作用域
- Less - 註釋
- Less - 匯入
- Less - 變數
- Less - 擴充套件
- Less - 混合
- Less - 引數化混合
- Less - 混合作為函式
- Less - 將規則集傳遞給混合
- Less - 匯入指令
- Less - 匯入選項
- Less - 混合保護
- Less - CSS 保護
- Less - 迴圈
- Less - 合併
- Less - 父選擇器
- 函式
- Less - 雜項函式
- Less - 字串函式
- Less - 列表函式
- Less - 數學函式
- Less - 型別函式
- Less - 顏色定義函式
- Less - 顏色通道函式
- Less - 顏色操作
- Less - 顏色混合函式
- 用法
- Less - 命令列用法
- 在瀏覽器中使用 Less
- Less - 瀏覽器支援
- Less - 外掛
- Less - 程式化使用
- Less - 線上編譯器
- Less - 圖形使用者介面
- Less - 編輯器和外掛
- Less - 第三方編譯器
- Less - 框架
- Less 有用資源
- Less - 快速指南
- Less - 有用資源
- Less - 討論
LESS - 程式化使用
LESS 中程式化使用的主要點是 less.render 函式。此函式在 LESS 中使用以下格式:
less.render(input_data, options) .then(function(output) { //code here }, function(error) { });
該函式也可以用以下方式編寫:
less.render(css, options, function(error, output) {})
options 是一個可選引數,當您不指定回撥時,它會返回一個promise,當您指定回撥時,它也會返回一個promise。您可以透過將其讀入字串並設定主檔案的 filename 欄位來顯示檔案。
sourceMap 選項允許設定 sourcemap 選項,例如 sourceMapURL、sourceMapBasepath、sourceMapRootpath、outputSourceFiles 和 sourceMapFileInline。需要考慮的一點是,sourceMap 選項不適用於 less.js。
您可以透過新增偵聽器來訪問日誌,如下所示:
less.logger.addListener({ debug: function(message) { }, info: function(message) { }, warn: function(message) { }, error: function(message) { } });
以上定義的函式是可選的。如果顯示錯誤,則會將錯誤傳遞給 less.render 中存在的callback 或promise。
廣告