初歩的なことだが、多くのシーンで利用するのでメモしておく。

{
  "name": "Example",
  "version": "1.0.0",
  "private": true,
  "scripts": {
   ... 
    "s3:cors:mockdata": "AWS_SDK_LOAD_CONFIG=true AWS_PROFILE=example-profile aws s3api put-bucket-cors --bucket mock-data-bucket --cors-configuration file://cors.json",
    "s3:sync:mockdata": "AWS_SDK_LOAD_CONFIG=true AWS_PROFILE=example-profile aws s3 sync ./mockData s3://mock-data-bucket/ && yarn cf:invalidation",
    "s3:sync:dev": "AWS_SDK_LOAD_CONFIG=true AWS_PROFILE=example-profile aws s3 sync ./dist s3://peoduct-bucket",
    "cf:invalidation:dev": "AWS_SDK_LOAD_CONFIG=true AWS_PROFILE=example-profile aws cloudfront create-invalidation --distribution-id XXXXXX --paths \"/*\"",
    "cf:invalidation:mockdata": "AWS_SDK_LOAD_CONFIG=true AWS_PROFILE=example-profile aws cloudfront create-invalidation --distribution-id XXXXXX --paths \"/*\""
  },
  "dependencies": {
    ...
  },
  "devDependencies": {
   ...
  }
}

モックデータのJSONは、S3に設定することでデプロイ後もローカルと同じ表示にすることができる。
(ローカルAPIサーバーを構築するとホットスタンバイするサーバーが必要となるので面倒だしコスパ悪い)