Node在项目中应用案例之给几百个下拉框统一加Filterable实现可搜索

let str = `
    白66依山尽,
    黄河66入海流,
    欲穷千66里目,
    更上一层66楼
`
/**
 * 一个用来在字符串中替换指定字符的函数
 * @param {string} str 原来的字符串
 * @param {string} targetStr 要替换的目标字符
 * @param {string} replaceStr 把目标字符替换成什么字符
 * @returns {string} 返回替换好的新的字符串
 */
function replaceAllStr(str, targetStr, replaceStr) {
    // 把原来的字符串 通过正则 匹配到所有的目标字符，统一替换成要替换的字符
    return str.replace(new RegExp(targetStr, 'g'), replaceStr);
}

let newStr = replaceAllStr(str, '66', '88')
console.log('原来的字符串--->', str);
console.log('替换后的新字符串--->', newStr);

// 读取对应路径下的目录，返回数组，数组中的每一项是文件夹名或文件名
fs.readdirSync(path) 

// 读取对应路径，获取标准信息，并看看此路径是文件还是文件夹
const stats = fs.statSync(path) 
stats.isFile()
stats.isDirectory()

// 同步读取文件内容，读取到的是文件中的所有字符串
fs.readFileSync(filePath, 'utf-8') 

// 将数据内容data同步写入到file文件中去
fs.writeFileSync(file, data)

// 获取文件的后缀名
path.extname(file)

// 把文件夹和文件拼接成标准的路径
path.join(folderPath, file);

const fs = require('fs');
const path = require('path');

function printAllFilesInFolder(folderPath, fileSuffix = '') {
    const files = fs.readdirSync(folderPath); // 读取对应目录【数组，文件夹或文件】
    files.forEach((file) => { // 遍历对应目录内容
        const filePath = path.join(folderPath, file); // 拼成标准路径
        const stats = fs.statSync(filePath); // fs模块读取此路径得到文件信息状态
        if (stats.isFile() && path.extname(file) === fileSuffix) { // 若是文件且后缀名对得上
            let fileStr = fs.readFileSync('./' + filePath, 'utf-8') // 就去读取这个文件的内容
            console.log('--读取到文件内容为：-->', fileStr); // 最后再打印出来
        } else if (stats.isDirectory()) { // 若是文件夹
            printAllFilesInFolder(filePath, fileSuffix); // 文件夹就递归继续操作
        }
    });
}

// 用法示例：传入文件夹路径来打印所有文件
const folderPath = './page';
const fileSuffix = '.vue';
printAllFilesInFolder(folderPath, fileSuffix);

const fs = require('fs');
const path = require('path');

function replaceAllStr(str, targetStr, replaceStr) {
    // 把原来的字符串 通过正则 匹配到所有的目标字符，统一替换成要替换的字符
    return str.replace(new RegExp(targetStr, 'g'), replaceStr);
}

function printAllFilesInFolder(folderPath, fileSuffix = '') {
    const files = fs.readdirSync(folderPath); // 读取对应目录【数组，文件夹或文件】
    files.forEach((file) => { // 遍历对应目录内容
        const filePath = path.join(folderPath, file); // 拼成标准路径
        const stats = fs.statSync(filePath); // fs模块读取此路径得到文件信息状态
        if (stats.isFile() && path.extname(file) === fileSuffix) { // 若是文件且后缀名对得上
            let fileStr = fs.readFileSync('./' + filePath, 'utf-8') // 就去读取这个文件的内容

            /**
             * 第一步，把文件中的filterable关键字字符串替换成空
             * */ 
            let newFileStr = replaceAllStr(fileStr, 'filterable', '') 
            /**
             * 第二步，把文件中的el-select通过替换的方式加属性filterable
             * */ 
            // let newFileStr = replaceAllStr(fileStr, '<el-select', '<el-select filterable ')
            fs.writeFileSync(filePath, newFileStr) // 文件更新替换
        } else if (stats.isDirectory()) { // 若是文件夹
            printAllFilesInFolder(filePath, fileSuffix); // 文件夹就递归继续操作
        }
    });
}

// 用法示例：传入文件夹路径来打印所有文件
const folderPath = './page';
const fileSuffix = '.vue';
printAllFilesInFolder(folderPath, fileSuffix);