我們的微信小程序項目選擇的技術(shù)棧是：
原生 + 內(nèi)嵌h5，技術(shù)選型沒毛病，就是覺得哪里怪怪的。
同樣的設(shè)計稿，通常h5開發(fā)比小程序開發(fā)快，郁悶，為啥呀？小程序提供了很多封裝好的組件，為什么開發(fā)起來還是效率低，找到問題的根源之一，小程序原生開發(fā)，樣式使用的是 wxss，不能使用嵌套語法，開發(fā)效率自然而然就打了折扣，后期 wxss 維護起來也比較麻煩。
前世用 wxss 開發(fā)太慢了，微信小程序原生開發(fā)，我不想寫wxss了。
想著微信小程序都出來這么久，應(yīng)該有成熟的方案來解決這個問題，于是我找到了以下幾種方案。
方案一：
webstorm配置less自動編譯這種方案適合使用 webstorm 編輯器開發(fā)者，無奈我現(xiàn)在鐘情于 VSCode（或者微信開發(fā)者工具，調(diào)試還是要用它） ，并不想使用 webstorm ，只好再尋覓其它的方案了。
使用 webstorm 編輯器開發(fā)者可以按照以下參考文章配置。
webstorm配置less自動編譯webstorm less文件編譯成wxss文件配置方案二：
用gulp-less自動編譯引用 gulp 的任務(wù)流執(zhí)行任務(wù)，gulp-less 一個 gulp 自動化構(gòu)件工具的一個插件，專門用來處理 less 文件使其產(chǎn)出 css 文件提供給生產(chǎn)環(huán)境使用。
這種方案，可以用，還不太符合我的要求，我懶，不想手動編譯啊。
尋尋覓覓尋找到下一個解決方案。
gulp-less gulp打包處理less方案三：
wxss-cli：
全局命令行 + 路徑終于找到一個還不錯的解決方案，echo008開發(fā)的wxss-cli，這個工具全局安裝后，運行 wxss ./path來將 less 編譯成 wxss。
使用了一周發(fā)現(xiàn)，每天到公司開發(fā)，都需要先去拷貝要編譯項目的目錄，我不想每次都拷貝路徑啊。
并且編譯的時候會把 node_modules 里的less也給編譯。
這樣編譯的速度就慢了。
我只想，在我的項目根目錄下面pages 和 components文件下編譯，沒有辦法嗎？這三種方案，沒有一個用著順手的......今生于是我就給wxss-cli的作者提了issues，一周過去了作者沒理我。
等不了了，不行就自己上，扒源碼，改成了符合我要求的。
那個目錄需要編譯 less，就在哪個文件目錄下，執(zhí)行命令 less-to-wxss watch，進行實時監(jiān)聽，將 less 自動轉(zhuǎn)換成 wxss 文件。
用著甚是順手。
我又給作者留了issus，沒理我，好像其它幾個issus也沒理，可能作者太忙了沒顧上。
終于支持多個終端里面執(zhí)行 less-to-wxss watch 了。
這個插件對于小程序原生開發(fā)的猿猿們來說，真是太好用了。
一個插件就新鮮出爐了。
需要的自取。
less-to-wxss的npm包less-to-wxssless-to-wxss的優(yōu)點：
不用傳路徑全局安裝，一鍵編譯 less-to-wxss watch自持多終端，多目錄使用改進后的 less-to-wxss 的實現(xiàn)原理，通過輸入命令，獲取到當(dāng)前位置路徑，對改目錄下的文件進行文件遍歷監(jiān)聽，通過 less 工具將 less 編譯成 wxss, 重命名后保存到原目錄下。
原 less 文件更新繼續(xù)上述的流程操作。
推薦教程：
《微信小程序》以上就是微信小程序?qū)崟r監(jiān)聽less文件編譯成wxss文件，全局命令工具和less-to-wxss的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！
微信
分享相關(guān)標(biāo)簽：
微信小程序本文轉(zhuǎn)載于：
掘金社區(qū)，如有侵犯，請聯(lián)系[email protected]刪除
上一篇：
看不到關(guān)聯(lián)的小程序怎么辦？
下一篇：
微信小程序里怎樣定位好友？相關(guān)文章相關(guān)視頻微信小程序圖片無法顯示怎么辦？微信小程序：
一個json幫你完成分享朋友圈圖片自學(xué)微信小程序從零到一：
項目構(gòu)建后http請求封裝微信小程序-canvas生成圖片并保存到本地微信小程序?qū)崟r監(jiān)聽less文件編譯成wxss文件，...初識微信小程序(2)深入了解微信小程序(一)深入了解微信小程序(四) [溫州做小程序]