1. 程式人生 > 其它 >微信小程式開發使用less前處理器(vscode)

微信小程式開發使用less前處理器(vscode)

1、我們要知道css前處理器less、sass的語法瀏覽器和微信瀏覽器都不不會識別的。

2、css前處理器,是為了方便我們編寫css樣式,編寫之後用過工具打包為css樣式(比如 webpack,gulp等)

3、例如:我們使用的react、vue框架都使用的打包工具都是webpack,webpack在打包時會幫我們處理 less、sass檔案

微信小程式中如何使用less

其實說微信小程式中使用less不太嚴謹,我們只是通過使用 vscode 的一個外掛Easy-less ,在我們編寫 less之後,給我們生成對應的 wxss 檔案

使用方法如下:

1、在vscode 擴充套件商城中 搜尋Easy-less 進行安裝

2、修改vscode的設定jons檔案

(1)開啟vscode設定

(2)找到vscode的設定json檔案開啟

3、新增less.compile

"less.compile": {
        "outExt": ".wxss"
    }

4、開始編寫less