快捷導航

Nodejs腳本實現(xiàn)批量修改文件

更新時間：2023年11月27日 10:26:37 作者：Moment

當我們想要更改一下所有的文件,如何可以在修改到這些文件的同時又能實現(xiàn)節(jié)省時間呢,通過這篇文章我們將來學習一下怎么通過這個腳本來實現(xiàn)這個功能,希望對大家有所幫助

實現(xiàn)

具體代碼實現(xiàn)如下所示：

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

const srcDirectory = "./src";

// 正則表達式匹配JSX標簽
const jsxRegex = /<\w+(\s+[^>]*)*>/;

// 遞歸地遍歷文件夾
function walkDir(dir, callback) {
  fs.readdirSync(dir).forEach((f) => {
    let dirPath = path.join(dir, f);
    let isDirectory = fs.statSync(dirPath).isDirectory();
    isDirectory ? walkDir(dirPath, callback) : callback(dirPath);
  });
}

// 檢查文件內(nèi)容是否包含JSX代碼
function checkAndRename(filePath) {
  const content = fs.readFileSync(filePath, "utf8");
  if (jsxRegex.test(content)) {
    const newPath = filePath.replace(/\.js$/, ".jsx");
    fs.renameSync(filePath, newPath);
    console.log(`Renamed: ${filePath} -> ${newPath}`);
  }
}

// 開始遍歷src目錄
walkDir(srcDirectory, (filePath) => {
  if (path.extname(filePath) === ".js") {
    checkAndRename(filePath);
  }
});

這段代碼的核心是一個遞歸函數(shù)，遍歷所有文件夾和文件。對于每個.js 文件，腳本讀取其內(nèi)容并使用正則表達式檢測是否存在 JSX 模式。如果檢測到 JSX，腳本就會將文件重命名為.jsx。

為什么要檢測他是否有寫 jsx 代碼，而不是是否有引入 React 的依賴包呢？答案是在 nextjs 中，你可以不導入 react 依賴包的情況下可以直接編寫 jsx 代碼，因為在項目中，src 目錄下我們不僅要 jsx 代碼，還包括了一些工具函數(shù)，這些函數(shù)是不需要 jsx 文件結(jié)尾的。

接下來我們看看該代碼的運行結(jié)果，首先創(chuàng)建如下文件：