基於node實現的批量轉換px到rem的工具

2021-09-10 12:59:40 字數 1028 閱讀 8360

在專案中需要通過rem單位來實現頁面適配不同解析度,之前都是通過設定計算的比例為10或100手動計算,或者ide提供的外掛程式來實現,現在考慮通過node來實現乙個通用的批量轉換專案中的樣式檔案中單位的工具。

開發的思路是以檔案為單位,按檔案來批量轉換,這時只需要設定一些與檔案相關的配置項來選擇需要轉換的檔案即可,而轉換的演算法利用了css外掛程式,通過使用外掛程式取得樣式後再依次轉換即可。

yarn add node-px2rem-converter -d
"./node_modules/.bin/px2rem" -i
"./node_modules/.bin/px2rem" -r
初始化以後,外掛程式自動在專案的根目錄中生成乙個名為px2rem.yml的配置檔案,在轉換之前需要設定一些配置項,如配置轉換的檔案位置和計算的比例等。

includedirs

執行轉換的目錄的路徑,預設為src目錄

excludedirs

不執行轉換的目錄的路徑

excludefiles

不執行轉換的檔案的路徑,這個配置和excludedirs都是在includedirs中過濾對應的目錄和檔案

includefiles

執行轉換的檔案的路徑,這裡的檔案與目錄的設定是單獨的,檔案可以不在已設定的轉換目錄中,同時目錄和設定不轉換的檔案配置不會影響此設定

filetypes

執行轉換的檔案的型別,預設為cssless,目前只支援cssless型別的檔案,後續開發時考慮加入其他型別的檔案

ratio

轉換的比例設定,預設為100

eol使用的換行符,可以選擇\n\r\n兩種的一種,預設為當前系統預設的換行符

node-px2rem

node-px2rem-converter

基於node實現websocket協議

一 協議 websocket是一種基於tcp之上的客戶端與伺服器全雙工通訊的協議,它在html5中被定義,也是新一代webapp的基礎規範之一。它突破了早先的ajax的限制,關鍵在於實時性,伺服器可以主動推送內容 到客戶端!可能的應用有 多人 遊戲,即時聊天,實時監控,遠端桌面,新聞伺服器等等。對於...

基於ThinkPHP實現批量刪除

廢話不多說,先上效果圖 html布局 基於bootstrap 留言列表 j ascript window.history.back 返回 j ascript 刪除 id名稱 郵箱內容 日期時間 操作js指令碼處理 使用ajax技術 首先判斷有沒有選中的值,如果沒有則提示 如果有,則傳遞到伺服器端處理...

node實現基於token的身份驗證

最近研究了下基於token的身份驗證,並將這種機制整合在個人專案中。現在很多 的認證方式都從傳統的seesion cookie轉向token校驗。對比傳統的校驗方式,token確實有更好的擴充套件性與安全性。由於http是無狀態的,它並不記錄使用者的身份。使用者將賬號與密碼傳送給伺服器後,後台通過校...