md5 grunt task を使用して、MD5ファイル名を生成します。次に、HTMLファイルのソースの名前を、タスクのコールバックの新しいファイル名に変更します。これを行う最も簡単な方法は何でしょうか。
単純な正規表現を使用できます。
var result = fileAsString.replace(/string to be replaced/g, 'replacement');
そう...
var fs = require('fs')
fs.readFile(someFile, 'utf8', function (err,data) {
if (err) {
return console.log(err);
}
var result = data.replace(/string to be replaced/g, 'replacement');
fs.writeFile(someFile, result, 'utf8', function (err) {
if (err) return console.log(err);
});
});
Replaceが機能していなかったため、1つ以上のファイルのテキストをすばやく置き換えるために、単純なnpmパッケージ replace-in-file を作成しました。 @asgothの回答に部分的に基づいています。
編集(2016年10月3日):パッケージはpromiseとglobをサポートするようになり、これを反映するように使用方法が更新されました。
編集(2018年3月16日):パッケージは現在、毎月10万ダウンロードを超え、追加機能とCLIツールで拡張されています。
インストール:
npm install replace-in-file
モジュールが必要
const replace = require('replace-in-file');
置換オプションを指定する
const options = {
//Single file
files: 'path/to/file',
//Multiple files
files: [
'path/to/file',
'path/to/other/file',
],
//Glob(s)
files: [
'path/to/files/*.html',
'another/**/*.path',
],
//Replacement to make (string or regex)
from: /Find me/g,
to: 'Replacement',
};
Promiseによる非同期置換:
replace(options)
.then(changedFiles => {
console.log('Modified files:', changedFiles.join(', '));
})
.catch(error => {
console.error('Error occurred:', error);
});
コールバックによる非同期置換:
replace(options, (error, changedFiles) => {
if (error) {
return console.error('Error occurred:', error);
}
console.log('Modified files:', changedFiles.join(', '));
});
同期交換:
try {
let changedFiles = replace.sync(options);
console.log('Modified files:', changedFiles.join(', '));
}
catch (error) {
console.error('Error occurred:', error);
}
おそらく、「置換」モジュール( www.npmjs.org/package/replace )も機能します。ファイルを読み取ってから書き込む必要はありません。
ドキュメントから改編:
// install:
npm install replace
// require:
var replace = require("replace");
// use:
replace({
regex: "string to be replaced",
replacement: "replacement string",
paths: ['path/to/your/file'],
recursive: true,
silent: true,
});
また、ShellJSの一部である「sed」関数を使用することもできます...
$ npm install [-g] shelljs
require('shelljs/global');
sed('-i', 'search_pattern', 'replace_pattern', file);
他の例については、 ShellJs.org にアクセスしてください。
ストリームを使用して、読み取り中にファイルを処理できます。バッファを使用するのと同じですが、より便利なAPIを使用します。
var fs = require('fs');
function searchReplaceFile(regexpFind, replace, cssFileName) {
var file = fs.createReadStream(cssFileName, 'utf8');
var newCss = '';
file.on('data', function (chunk) {
newCss += chunk.toString().replace(regexpFind, replace);
});
file.on('end', function () {
fs.writeFile(cssFileName, newCss, function(err) {
if (err) {
return console.log(err);
} else {
console.log('Updated!');
}
});
});
searchReplaceFile(/foo/g, 'bar', 'file.txt');
LinuxまたはMacでは、keepは単純で、sedをシェルで使用するだけです。外部ライブラリは必要ありません。次のコードはLinux上で動作します。
const Shell = require('child_process').execSync
Shell(`sed -i "s!oldString!newString!g" ./yourFile.js`)
Sed構文はMacでは少し異なります。今はテストできませんが、「-i」の後に空の文字列を追加するだけでいいと思います。
const Shell = require('child_process').execSync
Shell(`sed -i "" "s!oldString!newString!g" ./yourFile.js`)
最後の「!」の後の「g」 sedが1行のすべてのインスタンスを置き換えます。削除すると、行ごとに最初に出現したもののみが置き換えられます。
Node 7.6+のES2017/8とアトミック置換用の一時書き込みファイル。
const Promise = require('bluebird')
const fs = Promise.promisifyAll(require('fs'))
async function replaceRegexInFile(file, search, replace){
let contents = await fs.readFileAsync(file, 'utf8')
let replaced_contents = contents.replace(search, replace)
let tmpfile = `${file}.jstmpreplace`
await fs.writeFileAsync(tmpfile, replaced_contents, 'utf8')
await fs.renameAsync(tmpfile, file)
return true
}
メモリに読み込まれる小さなファイルのみに注意してください。
小さなプレースホルダーを大きなコード文字列に置き換えると、問題が発生しました。
私がやっていた:
var replaced = original.replace('PLACEHOLDER', largeStringVar);
問題は here で説明されているJavaScriptの特別な置換パターンであることがわかりました。置換文字列として使用していたコードには$
が含まれていたため、出力が台無しになりました。
私の解決策は、特別な置換を行わない関数置換オプションを使用することでした:
var replaced = original.replace('PLACEHOLDER', function() {
return largeStringVar;
});
@Sanborの答えを拡張すると、これを行う最も効率的な方法は、元のファイルをストリームとして読み取り、さらに各チャンクを新しいファイルにストリーミングし、最後に元のファイルを新しいファイルで置き換えることです。
async function findAndReplaceFile(regexFindPattern, replaceValue, originalFile) {
const updatedFile = `${originalFile}.updated`;
return new Promise((resolve, reject) => {
const readStream = fs.createReadStream(originalFile, { encoding: 'utf8', autoClose: true });
const writeStream = fs.createWriteStream(updatedFile, { encoding: 'utf8', autoClose: true });
// For each chunk, do the find & replace, and write it to the new file stream
readStream.on('data', (chunk) => {
chunk = chunk.toString().replace(regexFindPattern, replaceValue);
writeStream.write(chunk);
});
// Once we've finished reading the original file...
readStream.on('end', () => {
writeStream.end(); // emits 'finish' event, executes below statement
});
// Replace the original file with the updated file
writeStream.on('finish', async () => {
try {
await _renameFile(originalFile, updatedFile);
resolve();
} catch (error) {
reject(`Error: Error renaming ${originalFile} to ${updatedFile} => ${error.message});
}
});
readStream.on('error', (error) => reject(`Error: Error reading ${originalFile} => ${error.message}));
writeStream.on('error', (error) => reject(`Error: Error writing to ${updatedFile} => ${error.message}));
});
}
async function _renameFile(oldPath, newPath) {
return new Promise((resolve, reject) => {
fs.rename(oldPath, newPath, (error) => {
if (error) {
reject(error);
} else {
resolve();
}
});
});
}
// Testing it...
(async () => {
try {
await findAndReplaceFile(/"some regex"/g, "someReplaceValue", "someFilePath");
} catch(error) {
console.log(error);
}
})()
代わりに二重ストリームを使用します。ここに記載されているような nodejs doc duplex streams
変換ストリームは、入力から何らかの方法で出力が計算される二重ストリームです。