CircleCIで.envファイルの読み込み方

Question

ReactのアプリをCircleCIを使い、masterにmergeされたときに、S3にデプロイしたいと考えています。
S3にデプロイ後、環境変数で分からないことがあったので質問させていただきます。

ローカルのReactアプリでは、process.env.REACT_APP_XXX として.envファイルから変数を読み取っています。このとき、.envファイルは.gitignoreに記述しています。
しかし、CircleCIを使ってS3にデプロイすると、process.env.REACT_APP_XXXがundefinedとなってしまします。

原因

原因としては、config.yml内でcheckoutしているため、Github上にはない.envファイルを読み込めていないため、S3上ではundefinedとなってしまうのではないかと考えています。

このとき、.envファイルを非公開にしたままCircleCIを使いS3にデプロイする方法あれば、教えて下さい。

Answer 1

CircleCI上で環境変数を登録し、config.yml内でenvファイルに${変数名}をechoすることで解決しました。