Viteで環境変数を使おうとするとprocess is not defined

ささっと解決法 process.env.HOGEをimport.meta.env.VITE_HOGEに書き換える。 もっと詳しく知るには公式ドキュメントを読むことをおすすめする。 環境変数とモード次世代フロントエンドツールja.vitejs.dev 何が起きたか 先日、create-react-app製のポートフォリオサイトをViteに乗り換えた。 すると、以前process.env.REACT_APP_WEBHOOK_URLと環境変数を参照していた箇所でprocess is not definedとエラーが出るようになった。 調べてみると、Viteでは環境変数の参照方法が違うらしい。 解決法リターンズ 参照方法 上記でも書いたが、process.env.HOGEをimport.meta.env.VITE_HOGEに書き換える。 プレフィックスとしてVITE_が必要になる。例えば、.env