{"url":"https://tnakamura.hatenablog.com/entry/2019/03/05/env-cmd","title":"create-react-app \u3067 .env.staging \u306b\u8a18\u8ff0\u3057\u305f\u74b0\u5883\u5909\u6570\u3092\u4f7f\u3046\u3088\u3046\u306b\u30d3\u30eb\u30c9\u3059\u308b\u65b9\u6cd5","author_url":"https://blog.hatena.ne.jp/griefworker/","image_url":null,"author_name":"griefworker","type":"rich","height":"190","published":"2019-03-05 14:32:55","provider_url":"https://hatena.blog","categories":["React"],"blog_title":"present","version":"1.0","blog_url":"https://tnakamura.hatenablog.com/","description":"\u307e\u305a env-cmd \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3002 yarn add env-cmd \u30b9\u30c6\u30fc\u30b8\u30f3\u30b0\u74b0\u5883\u7528\u306e\u74b0\u5883\u5909\u6570\u3092\u8a18\u8ff0\u3057\u305f .env.staging \u30d5\u30a1\u30a4\u30eb\u3092\u7528\u610f\u3002 REACT_APP_BASE_PATH=\"https://testapi-staging.example.com\" React \u30a2\u30d7\u30ea\u5185\u3067\u306f process.env \u3092\u4f7f\u3063\u3066\u74b0\u5883\u5909\u6570\u3092\u53c2\u7167\u3057\u3066\u304a\u304f\u3002 const basePath = process.env.REACT_APP_BASE_PATH; package.json \u306e scripts \u306b\u3001\u30b9\u30c6\u30fc\u30b8\u30f3\u30b0\u74b0\u5883\u7528\u306e\u30d3\u30eb\u30c9\u3092\u884c\u3046\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u8ffd\u52a0\u3002 { \"scripts\": { \"buil\u2026","width":"100%","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftnakamura.hatenablog.com%2Fentry%2F2019%2F03%2F05%2Fenv-cmd\" title=\"create-react-app \u3067 .env.staging \u306b\u8a18\u8ff0\u3057\u305f\u74b0\u5883\u5909\u6570\u3092\u4f7f\u3046\u3088\u3046\u306b\u30d3\u30eb\u30c9\u3059\u308b\u65b9\u6cd5 - present\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","provider_name":"Hatena Blog"}