npm scriptsでファイルのコピーとリネームをする方法

こんばんは。
今回は、npmスクリプトを使用してファイルのコピーとリネームを行う方法についてメモしておきたいと思います。

一般的に、環境ごとに異なる.envファイルを管理することが多いです（例: test.env, dev.env, prod.env）。
各環境でプロジェクトを起動する際に、各環境の.envファイルをコピーして.envという名前で読み込ませたい場合があります。

以下のような手順で行います。

// package.json

"scripts": {
  "dev": "yarn copy:dev && next dev",
  "build": "yarn copy:prod && next build",
  "start": "next start",
  "copy:dev": "copy .env.development .env",
  "copy:prod": "copy .env.production .env"
}

ひとつ問題があります。

チーム開発で、WindowsとMacの両方を使用するメンバーがいる場合、MacのcopyコマンドはWindowsでは機能しません。

この問題を解決するために、npmライブラリであるcpxやrenamerなどを使用することも考えましたが、このような単純なタスクのためにライブラリを導入することは避けたかったため、以下の方法で解決しました。

// package.json

"scripts": {
  "dev": "yarn copy:dev && next dev",
  "build": "yarn copy:prod && next build",
  "start": "next start",
  "copy:dev": "node -e \"require('fs').copyFileSync('.env.development', '.env')\"",
  "copy:prod": "node -e \"require('fs').copyFileSync('.env.production', '.env')\"",
}

1.fsモジュールとは?

fsモジュールは、ファイルの操作に用いるためのモジュールです。
ファイルの書き出しや読み込み、書き込みなど、さまざまな処理が可能です。
このモジュールはNode.jsが最初から提供しているものであり、Node.jsがインストールされていれば、別途fsモジュールをインストールする必要はありません。

npm scriptsを使用することで、追加のライブラリをインストールせずにファイルのコピーとリネームが行えました。
この手法は非常に便利であり、今後も積極的に活用していきたいと考えています。

それでは。