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. docker安装后出现Cannot connect to the Docker daemon.2. 网页爬虫 - Python:爬虫的中文编码问题?3. javascript - 修改表单多选项时和后台同事配合的问题。4. ubuntu 远程管理KVM设置问题5. javascript - H5页面怎么查看console信息?6. javascript - vue生成一维码?求助!!!!!急7. css - 手机页面在安卓和苹果浏览器显示不同的小小问题8. javascript - 关于Js中 this的一道题9. angular.js - angularjs如何动态改变ng-model值,在controller中获取input中输入的值并组合post发送到后台10. browsersync检测的静态页面只能用index.html命名,用demo.html就不能实时同步,检测动态页面的时候,比如wamp环境下,用browsersync能打开页面,但不能实现同步
