css3 - webstrom有px轉rem的插件嗎
問題描述
mac下如何轉換單位呢,Sublime是有的?求大神
問題解答
回答1:可以使用Nodejs自己寫個簡單的命令行工具。只需要掌握簡單的同步file模塊、正則表達式就可以了~
var fs = require('fs')function format(filePath, keywords) { // 同步讀取文件內容 var content = fs.readFileSync(filePath, 'utf-8') var arr = content.split('n') var count = 0 for (var i = 0; i < arr.length; i++) {var value = arr[i]var temptemp = value.replace(/(d+)px/g, function() { if (arguments[3].indexOf('@media') != -1 || arguments[3].indexOf('max') != -1 || arguments[3].indexOf('min') != -1) { } else if (Number(arguments[1]) > 1) {count++;// 這里可以自己維護換算規則return Number(arguments[1]) / 100 + 'rem' } return arguments[0]})if (temp != arr[i]) { arr.splice(i + 1, 0, temp)} } var result = arr.join('n') var formatFilePath = filePath.replace('.', keywords + '.'); fs.writeFile(formatFilePath, result, 'utf-8', function(err) {if (err) console.log(err)console.log('change lines number: ' + count) })}format('style.css', '_format');
使用 node app.js (比如你把上面的代碼保存成app.js) 然后就會自動計算同一路徑下的style.css將其中的px都計算成rem,你可以在里面自己維護轉換規則。
相關文章:
1. java - spring-data Jpa 不需要執行save 語句,Set字段就可以自動執行保存的方法?求解2. html5 - 微信瀏覽器視頻播放失敗3. javascript - 這問題怎么處理額4. css3 - 為什么css里面要帶-moz-|-webkit-后又來一個不帶它們的5. 網頁爬蟲 - Python 爬蟲中如何處理驗證碼?6. javascript - jQuery中live事件在移動微信端下沒有效果;代碼如下7. javascript - SuperSlide.js火狐不兼容怎么回事呢8. javascript - owl.carousel.js這個插件的原作者的網址是多少了?9. phpstady在win10上運行10. 在應用配置文件 app.php 中找不到’route_check_cache’配置項
