css3 - webstrom有px轉(zhuǎn)rem的插件嗎
問題描述
mac下如何轉(zhuǎn)換單位呢,Sublime是有的?求大神
問題解答
回答1:可以使用Nodejs自己寫個(gè)簡單的命令行工具。只需要掌握簡單的同步file模塊、正則表達(dá)式就可以了~
var fs = require('fs')function format(filePath, keywords) { // 同步讀取文件內(nèi)容 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++;// 這里可以自己維護(hù)換算規(guī)則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) 然后就會(huì)自動(dòng)計(jì)算同一路徑下的style.css將其中的px都計(jì)算成rem,你可以在里面自己維護(hù)轉(zhuǎn)換規(guī)則。
相關(guān)文章:
1. 我在centos容器里安裝docker,也就是在容器里安裝容器,報(bào)錯(cuò)了?2. docker內(nèi)創(chuàng)建jenkins訪問另一個(gè)容器下的服務(wù)器問題3. 在windows下安裝docker Toolbox 啟動(dòng)Docker Quickstart Terminal 失敗!4. docker不顯示端口映射呢?5. docker-compose中volumes的問題6. golang - 用IDE看docker源碼時(shí)的小問題7. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””8. docker容器呢SSH為什么連不通呢?9. javascript - 連續(xù)點(diǎn)擊觸發(fā)mouseleave事件10. mac里的docker如何命令行開啟呢?

網(wǎng)公網(wǎng)安備