Closed1

ファイル内の特定の文字を置換するのに便利なプラグインを見つけた🌞

JavaScript
npm
おとのおとの

ファイル内の文字を置換したい

replace-in-fileというプラグインを利用すると容易に実現できました。
https://www.npmjs.com/package/replace-in-file

GulpやGrant等タスクランナーで動く置換プラグインはいくつかあったものの、今回は文字置換のみを実現したかったため、上記プラグインを選定しました。

replace-in-fileを利用したファイル内の文字置換

まずは、上記プラグインをインストールします。

npm i -D replace-in-file

yarnの場合は以下コマンドを実行してください。

yarn add -D replace-in-file

導入プロジェクトのルートディレクリにreplace.jsを作成します。

replace.js
const replace = require("replace-in-file");

const options = {
  files: "./src/**/*.html", // 置換を実行したいファイルのパスを設定
  from: [/style.css/g], // 置換対象の文字を正規表現で設定
  to: ["main.css"], // 置換後の文字を設定
};

replace(options, (error, changedFiles) => {
  if (error) return console.error("Error occurred:", error);
  for (let i = 0; i < changedFiles.length; i++) {
    console.log("Modified files:", changedFiles[i].file); // 変更したファイル名をログに出力
  }
});

その後、以下コマンドを実行すると、srcディレクトリ配下のhtmlファイル内にあるsytle.cssという文字列が全て、main.cssという文字列に置換されます。

node replace.js
このスクラップは2024/11/29にクローズされました