IntellJ idea使用FileWatch實時編譯less文件的方法
前言
開發(fā)前端的時候，經(jīng)常會寫一些less或者sass文件，但這些文件需要編譯成css文件才有效，之前會使用一些自動化構建工具實時監(jiān)聽項目文件變化，需要做些配置。
這里使用idea的file watch插件，無需額外配置，簡單方便。
操作
依賴關系
- Node.js與idea的nodejs插件
- File Watch插件
- 全局安裝less
插件位置
配置File watch
1.項目中新建less文件
新建less文件
2.配置less文件的file watch。
我們可以看到文件頂部有個是否開啟less文件的觀察器，點擊YES
配置Less的File watch
點擊輸出路徑最右邊的插入預定義宏(insert Macro)，可以看到預定義的宏與它代表的內(nèi)容
插入Macro界面
最終效果圖
最終配置
可以看到less被實時編譯成了css文件
實時編譯圖
額外
File watch不僅僅可以觀察less文件，實時監(jiān)聽文件變化的操作都可以處理。我們可在Idea的配置中自行配置。
File watch位置
前端我不建議使用sass編譯器，因為在windows上安裝sass編譯器依賴一大堆東西，又是c++，又是python的。雖然在Mac或linux上用sass沒問題，在windows上使用會出現(xiàn)問題。less與sass功能差不多，最終也都是要編譯成css的，有了這么好用的工具還是直接使用less。
總結
以上所述是小編給大家介紹的IntellJ idea使用FileWatch實時編譯less文件的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
idea中提示Class 'xxx' is never us
這篇文章主要介紹了idea中提示Class 'xxx' is never used的解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01
Java Agent 動態(tài)修改字節(jié)碼詳情
這篇文章主要介紹了Java Agent動態(tài)修改字節(jié)碼的相關資料,需要的朋友可以參考下面文章具體的內(nèi)容2021-09-09
java實現(xiàn)emqx設備上下線監(jiān)聽詳解
這篇文章主要為大家介紹了java實現(xiàn)emqx設備上下線監(jiān)聽詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
這篇文章主要為大家介紹了java變量的聲明與賦值分離規(guī)范示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09
這篇文章主要介紹了SpringBoot 如何從配置文件讀取值到對象中，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2021-11-11
這篇文章主要為大家介紹了java代碼規(guī)范關于異常review代碼發(fā)生異常的事故記錄，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
本文詳細介紹了SpringCore核心類庫的功能、應用實踐和底層原理,SpringCore提供了控制反轉(zhuǎn)（IOC）、依賴注入（DI）、Bean管理以及JNDI、定時任務等企業(yè)級功能,文章通過多個Java示例展示了SpringCore的應用,感興趣的朋友跟隨小編一起看看吧2024-12-12
這篇文章主要介紹了Java繼承方法重寫實現(xiàn)原理及解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-12-12
Spring中使用Async進行異步功能開發(fā)實戰(zhàn)示例(大文件上傳為例)
本文以大文件上傳為例,首先講解在未進行程序異步化時,程序的運行機制和具體表現(xiàn),然后講解如何進行異步化的改造,讓程序進行異步執(zhí)行,通過本文不僅能讓你掌握如何進行Event的事件開發(fā),同時還能掌握在Spring中如何進行異步開發(fā),熟悉@Async的具體用法,感興趣的朋友一起看看吧2024-08-08
MyBatis-Plus updateById不更新null值的方法解決
用Mybatis-Plus的updateById()來更新數(shù)據(jù)時,無法將字段設置為null值,更新后數(shù)據(jù)還是原來的值,本文就來詳細的介紹一下解決方法,具有一定的參考價值,感興趣的可以了解一下2023-08-08