direnv/dotenvを使ってnpm run-scriptからS3にDeployする

使うもの

• s3-deploy-dotenv $ npm install —-save-dev s3-deploy-dotenv
• direnv、dotenv Macなら $ brew install direnv dotenv

手順

1. プロジェクトルートに .env つくる

   # S3 リージョン
   S3_REGION=ap-northeast-1
   # S3 アクセスキー ID
   S3_ACCESS_KEY_ID=XXXXXXXXXXXXXXXXXXX 
   # S3 シークレット アクセスキー
   S3_SECRET_ACCESS_KEY=XXXXXXXXXXXXXXXXXXXXXXXXXXX
   # バケット名
   S3_BUCKET={{S3バケット名}}

   # デプロイするルートディレクトリ ex) dist
   S3_LOCAL_DIR={{ディレクトリパス}}
   # デバッグモード 任意
   S3_DEBUG_MODE=true

2. npm scriptsに追加

   ...
   "deploy": "s3-deploy-dotenv",
   ...

3. 実行

$ npm run deploy

環境ごとにわけたい

プロダクション環境を分ける場合...

1. プロジェクトルートに .env.production をつくる

   S3_BUCKET={{プロダクションバケット名}}

上書きしたい値のみ記入でOK.

2. npm scriptsに追加

   ...
   "prod:deploy": "source .env.production && s3-deploy-dotenv && direnv reload",
   ...

やってること

• sourceコマンドで.env.productionを読み込みグローバル変数が上書きされる
• S3 デプロイの実行
• .envの環境変数に戻す

3. 実行

$ npm run prod:deploy