nodejs-rem转rpx

48 阅读1分钟

样式单位替换代码,步骤:

  1. 读取文件,返回文件列表
  2. 遍历列表读取文件内容
  3. 正则匹配内容替换单位值
  4. 输出
var path = require('path');//解析需要遍历的文件夹
var filePath = path.resolve('./assets');

//调用文件遍历方法
fileDisplay(filePath);

//文件遍历方法
function fileDisplay(filePath){
    //根据文件路径读取文件,返回文件列表
    fs.readdir(filePath,function(err,files){
        if(err){
            console.warn(err)
        }else{
            //遍历读取到的文件列表
            files.forEach(function(filename){
                //获取当前文件的绝对路径
                var filedir = path.join(filePath, filename);
                //根据文件路径获取文件信息,返回一个fs.Stats对象
                fs.stat(filedir,function(eror, stats){
                    if(eror){
                        console.warn('获取文件stats失败');
                    }else{
                        var isFile = stats.isFile();//是文件
                        var isDir = stats.isDirectory();//是文件夹
                        if(isFile){
                            var saveDir = filePath.replace(/\\assets\\/,'\\output\\');
                            var savePath = filedir.replace(/\\assets\\/,'\\output\\');

                            // 创建文件夹
                            mkdirsSync(saveDir);

                            // 读取文件内容
                            var content = fs.readFileSync(filedir, 'utf-8');
                            
                            // 正则匹配计算替换rem的值
                            if(content){
                                var preg = /(\d{0,}\.?\d+)rem/g;
                                var times = 100; 

                                content = content.replace(preg, function ($1) {
                                    return ($1.replace('rem','') / 100) + 'rpx';
                                })
                                fs.writeFile(savePath, content, function(error){
                                    if(error){
                                        console.log(savePath + ' 写入失败')
                                    }else{
                                        console.log(savePath + ' 写入成功')
                                    }
                                });
                            }
                        }
                        if(isDir){
                            fileDisplay(filedir); //递归,如果是文件夹,就继续遍历该文件夹下面的文件
                        }
                    }
                });
            });
        }
    });
}

// 递归创建目录 同步方法
function mkdirsSync(dirname) {
    if (fs.existsSync(dirname)) {
        return true;
    }
    else {
        if (mkdirsSync(path.dirname(dirname))) {
            fs.mkdirSync(dirname);
            return true;
        }
    }
}