{"description":"Vite\u3092\u4f7f\u3063\u3066\u500b\u4eba\u958b\u767a\u3057\u3066\u308b\u4e2d\u3067\u5730\u5473\u306b\u8a70\u307e\u3063\u305f\u306e\u3067\u30e1\u30e2\u3002 Summary Vite \u306e\u74b0\u5883\u5909\u6570\u306f vite.config.ts\u306b\u304a\u3051\u308b envDir \u3067\u6307\u5b9a\u3057\u305f\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u30d1\u30b9\u306b\u3042\u308b .env \u3092\u53c2\u7167\u3059\u308b .env \u306e\u60c5\u5831\u306f import.meta.env \u5185\u306b\u4fdd\u6301\u3055\u308c\u308b VITE_ prefix \u304c\u3064\u304f\u74b0\u5883\u5909\u6570\u306e\u307f\u3092 .env \u30d5\u30a1\u30a4\u30eb\u304b\u3089\u53d6\u5f97\u3057\u3001\u305d\u308c\u4ee5\u5916\u306f undefined \u3068\u306a\u308b TS \u7528\u306e\u578b\u88dc\u5b8c\u306f vite/client.d.ts \u3067\u578b\u5b9a\u7fa9\u3092\u63d0\u4f9b\u3057\u3066\u304a\u308a\u3001\u81ea\u524d\u578b\u5b9a\u7fa9\u306f ImportMetaEnv \u3092\u88dc\u3046\u5f62\u3067\u8ffd\u52a0\u3059\u308b ref: Env Variables and Modes | Vi\u2026","version":"1.0","type":"rich","categories":["client"],"author_url":"https://blog.hatena.ne.jp/daitasu/","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.daitasu.work%2Fentry%2F2023%2F02%2F25%2F232435\" title=\"Vite\u306b\u304a\u3051\u308b\u74b0\u5883\u5909\u6570\u306e\u6301\u3061\u65b9 - \u6050\u7adc\u672c\u8217\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","author_name":"daitasu","published":"2023-02-25 23:24:35","provider_url":"https://hatena.blog","width":"100%","blog_url":"https://blog.daitasu.work/","image_url":"https://cdn.blog.st-hatena.com/images/theme/og-image-1500.png","height":"190","blog_title":"\u6050\u7adc\u672c\u8217","url":"https://blog.daitasu.work/entry/2023/02/25/232435","provider_name":"Hatena Blog","title":"Vite\u306b\u304a\u3051\u308b\u74b0\u5883\u5909\u6570\u306e\u6301\u3061\u65b9"}