Package.json ビルド時に環境変数を与えて実行し、ファイルで取得するには

Question

react×webpackでアプリケーションをビルドしたいのですが、reactでビルド時に渡したnodeの環境変数を読み込みに失敗しています。OSはWindowsを使用しています。
npm run ...の実行時にjsで読み込ませるための環境変数を設定することは出来ないのでしょうか？(.envファイルを読み込ませることは想定していない)

package.json

{
...
  "scripts": {
    ...,
    "build": "set REACT_APP_HOGE=hoge & webpack --mode development"
  },
...
}

エントリポイント(./src/index.js)

import React from "react";
import ReactDOM from "react-dom";
import App from './App';

const root = document.createElement('div');
root.setAttribute('id', 'root');
document.body.appendChild(root);

console.log(process.env.REACT_APP_HOGE);
// 期待値: hoge
// 結果： undefined


ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

Answer 1

試した感じだとWindowsのnpm-scriptsはMacやLinuxとは仕様が違ってて同じコードじゃ動かないですね。
調べたら下記の記事で動作するという情報を入手しました。

参考記事: package.jsonで環境変数(NODE_ENV)を設定するとき、WindowsでもLinux,Macでも動くようにする - Qiita

{
...
  "scripts": {
    ...,
    "build": "set REACT_APP_HOGE=hoge && webpack --mode development"
  },
...
}

試しに手元のWindows11のマシンで試したらちゃんとprocess.env.NAMEで値を取得出来ました。